El primer paso es guardar la página web como un lienzo de lienzo, con la ayuda de la biblioteca html2canvas, http://html2canvas.hertzen.com/
html2canvas (document.getElementById ("id1"), {onrendered: function (canvas) {document.getElementById ("id2"). AppendChild (Canvas); // cómo tratarlo después de generar el Canvas, por supuesto, puede abrirlo en una nueva pestaña, exhibirla en una capa de flota, etc.}, Canvas, '' ', puede abrirlo. ID de Canvas modificando el código fuente HTML2CANVAS});Nota: El primer parámetro de html2canvas () es el área donde se deben generar lienzo. Si toda la página web genera lienzo, es document.body. Para obtener detalles del segundo parámetro, consulte las diversas propiedades del lienzo en el sitio web oficial. Por supuesto, puede agregar las propiedades que desea modificar el código fuente, como agregar ID al lienzo.
El segundo paso es guardar el lienzo generado en el primer paso en una imagen.
var canvas = document.getElementById ("<span style =" font-family: arial, helvetica, sans-serif; "> canvas" </span> <span style = "font-family: arial, helvetica, sans-serif;">), </span> url = canvas.todataurl ();/// // El siguiente código es a descargar el código de la imagen es a descargar thatergard. $ ("<a>") .attr ("href", url) .attr ("descargar", "img.png"). appendTo ("cuerpo"); TriggerDownload [0] .Click (); TriggerDownload.remove ();Aquí, solo siga el método Todataurl (). Puede convertir el lienzo en una URL de imagen de forma de datos. Asigne esta URL a la etiqueta <img/> para mostrar la imagen. Otras partes del código son las funciones de descarga que necesita.