ホームページ >ウェブフロントエンド >jsチュートリアル >Canvasで生成した画像をJSで保存する方法

Canvasで生成した画像をJSで保存する方法

亚连
亚连オリジナル
2018-06-14 10:46:023775ブラウズ

以下に、キャンバスから画像を生成して保存する、または画像を直接保存するための js メソッドを共有します。これは優れた参考値であり、皆さんの役に立つことを願っています。 canvasarray

rreeecanvas:canvasのdomオブジェクトを渡す

name:

function downLoadImage(canvas,name) {
  var a = document.createElement("a");
  a.href = canvas.toDataURL();
  a.download = name;
  a.click();
}

img:

写真のDOMオブジェクト

name:

写真として保存するときの名前

以上、皆さんの参考になれば幸いです。未来。 関連記事:

JSを使用して鶏を100羽買う問題を計算するAngular4でDOM属性バインディングを実装する

Vue2.xを使用してJSONツリーを実装する方法

Angular4のCLIについてインストールと使い方のチュートリアル

以上がCanvasで生成した画像をJSで保存する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。