12/05/2012 Development / java script

Ahhhhhhhh que isso! Sério mesmo? Screenshot com javascript? Kaaaaô!

Né não neguinho! Agora com canvas é possível sim ;-) - Existe um projeto chamado html2canvas do meu amigo Nick - https://github.com/niklasvh/html2canvas

Vou postar um exemplo rapidinho de como é fácil implementar. Depois é só você pode soltar a imaginação e fazer um sistema de feedback com o print do erro, enviar via ajax o binario, enfim!

            $('body').html2canvas();
            var queue = html2canvas.Parse();
            var canvas = html2canvas.Renderer(queue, { elements: { length: 1} });
            var img = canvas.toDataURL()

            function writeConsole(content) {
                top.consoleRef = window.open('', 'myconsole',
                  'width=350,height=250'
                   + ',menubar=0'
                   + ',toolbar=1'
                   + ',status=0'
                   + ',scrollbars=1'
                   + ',resizable=1')
                top.consoleRef.document.writeln(
                  '<html><head><title>Console</title></head>'
                   + '<body bgcolor=white onLoad="self.focus()">'
                   + content
                   + '</body></html>'
                 )
                top.consoleRef.document.close()
            };

            writeConsole("<img src='" + img + "'><p>");

Espero que sirva!