HTML5キャンバスを使用してDIVを拡張子付きの画像として保存するにはどうすればよいですか?

#DIV コンテンツは、JavaScript の html2canvas() 関数を使用して画像として保存できます。 DIV タグは、HTML ドキュメント内のセクションを定義します。

例

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

これは、 cpimg という名前の分割領域を示しています。

html2canvas() 関数は、次のコードを使用して div を画像として保存します。

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

これは、参照された div 部分「cpimg」を画像に保存します。

以上がHTML5キャンバスを使用してDIVを拡張子付きの画像として保存するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。