O primeiro passo é salvar a página da web como uma tela de tela, com a ajuda da biblioteca HTML2Canvas, http://html2canvas.hertzen.com/
html2Canvas (document.getElementById ("id1"), {onRended: function (canvas) {document.getElementById ("id2"). AppendChild (Canvas); // Como lidar com ele, depois de gerar a tela, é possível abrir, em uma nova guia, exibi -lo em uma camada flutuante, que você pode abri -lo. O ID do Canvas modificando o código -fonte HTML2CANVAS});Nota: O primeiro parâmetro de html2Canvas () é a área onde a tela deve ser gerada. Se toda a página da web gerar tela, ela será documental.body. Para obter detalhes do segundo parâmetro, consulte as várias propriedades da tela no site oficial. Obviamente, você pode adicionar as propriedades desejadas modificando o código -fonte, como adicionar ID à tela.
O segundo passo é salvar a tela gerada no primeiro passo em uma imagem
var canvas = document.getElementById ("<span style =" font-family: Arial, helvetica, sans-serif; "> canvas" </span> <span style = "font-family: arial, helvetica, sans-sef;">), </span> url = canvas.todata $ ("<a>") .attr ("href", url) .attr ("download", "img.png"). appendto ("corpo"); triggerDownload [0] .Click (); triggerDownload.remove ();Aqui, basta seguir o método Todataurl (). Você pode converter tela em um URL de imagem em forma de dados. Atribua este URL à tag <img/> para exibir a imagem. Outras peças do código são as funções de download que você precisa.