Der erste Schritt besteht
html2canvas (document.getElementById ("id1"), {onrendered: function (canvas) {document.getElementById ("id2"). appendChild (canvas); // Wie man mit dem Umgang mit der Canvas es generiert, kann man es in einem neuen Registerkarten öffnen. Canvas 'ID durch Änderung des HTML2CANVAS -Quellcodes});Hinweis: Der erste Parameter von html2canvas () ist der Bereich, in dem Leinwand erzeugt werden soll. Wenn die gesamte Webseite Leinwand generiert, ist es Dokument.body. Einzelheiten zum zweiten Parameter finden Sie auf den verschiedenen Eigenschaften von Leinwand auf der offiziellen Website. Natürlich können Sie die gewünschten Eigenschaften hinzufügen, indem Sie den Quellcode ändern, z. B. das Hinzufügen von ID zu Canvas.
Der zweite Schritt besteht darin, die im ersten Schritt in ein Bild generierten Leinwand zu speichern
var canvas = document.getElementById ("<span style =" font-family: arial, helvetica, sans-serif; "> canvas" </span> <span style = "font-family $ ("<a>") .Attr ("href", url) .attr ("download", "img.png"). appendTo ("Körper"); Triggerdownload [0] .click (); TriggerDownload.remove ();Folgen Sie hier einfach der Methode toDataurl (). Sie können Leinwand in eine Datenform-Bild-URL umwandeln. Weisen Sie diese URL dem <img/> -Tag zu, um das Bild anzuzeigen. Andere Teile im Code sind die Download -Funktionen, die Sie benötigen.