Wie speichere ich ein DIV als Bild mit Erweiterung mithilfe von HTML5-Canvas?

DIV-Inhalte können mit Hilfe der Funktion html2canvas() in JavaScript als Bild gespeichert werden. Das DIV-Tag definiert einen Abschnitt in einem HTML-Dokument.

Beispiel

<div id = &rdquo;cpimg&rdquo;   style = &rdquo;padding:  25px ; &rdquo; >  
   <h4>Welcome</h4>
</div>

Dies zeigt eine geteilte Region mit dem Namen cpimg. Die Funktion

html2canvas() speichert ein Div als Bild mit dem folgenden Code:

html2canvas(document.querySelector(“#cpimg”)).then(canvas
 {    
    document.body.appendChild(canvas)
 });

Sie speichert den referenzierten Div-Teil „cpimg“ in einem Bild.

Das obige ist der detaillierte Inhalt vonWie speichere ich ein DIV als Bild mit Erweiterung mithilfe von HTML5-Canvas?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!