So konvertieren Sie HTML mit js in ein Bildformat

JS-Methode zum Konvertieren von HTML in das Bildformat: Verwenden Sie zuerst html2canvas, um HTML in Canvas zu konvertieren. Verwenden Sie dann die Canvas-Objektmethode [toDataURL()], um Canvas in ein Bild zu konvertieren.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

JS-Methode zum Konvertieren von HTML in ein Bildformat:

1. Verwenden Sie zuerst html2canvas, um HTML in ein Canvas-Format umzuwandeln Das Format lautet: data:image/png;base64...

Der vollständige Code lautet wie folgt:

html2canvas($('#content'),{
    onrendered: function(canvas) {
        document.body.appendChild(canvas);
    }
})

Zugehörige kostenlose Lernempfehlungen:

Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie HTML mit js in ein Bildformat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!