html2canvas: captura de tela do navegador

O texto diz que, antes do HTML5, fazer print-screen de telas do browser com javascript era inviável. Com o canvas, passam a existir recursos para isso, e o html2canvas é apresentado como uma API para renderizar a página.

Fichamento

#

• O canvas do HTML5 é apontado como a base que tornou possível capturar telas do navegador com javascript.
• O html2canvas é apresentado como uma API usada para esse tipo de renderização.
• O método inicial citado é Preload, que recebe Element, Options, Complete, Logging, Proxy e Timeout.
• O fluxo descrito pela script é Preload, depois Parse dos elementos e depois Render do objeto.
• O código mostrado usa $(window).ready, html2canvas.Preload, html2canvas.Parse e html2canvas.Renderer para gerar uma imagem em data URL.
• A função openConsole abre uma janela e escreve nela o conteúdo com a imagem gerada.
• O exemplo mais avançado usa um proxy para recuperar o conteúdo de um site externo e colocá-lo dentro de um iframe.
• Depois do carregamento do iframe, o texto mostra a captura do body com html2canvas e a exibição do resultado no console.
• O texto afirma que os browsers que aceitam canvas são Chrome, FF, Opera e IE7.
• Também menciona o site Can I Use como referência de compatibilidade entre navegadores.