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

王林
リリース: 2023-09-05 22:09:11
転載
948 人が閲覧しました

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(&ldquo;#cpimg&rdquo;)).then(canvas
 {    
    document.body.appendChild(canvas)
 });
ログイン後にコピー

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

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

関連ラベル:
ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート