JavaScriptでキャンバスの内容を画像にする
JavaScriptを使って、キャンバスの内容を画像として表示したり、保存する方法です。
次のようなHTMLがあるとします。
Imgタグに表示する
toDataURL()
で画像のDataURLを取得します。
画像フォーマットはimage/jpeg
やimage/png
などが指定できます。デフォルトはimage/png
です。
パラメータ2は画質で、image/jpeg
などの場合に、0から1の範囲で指定できます。
画像を保存する
次のようにリンクタグを使って、変換した画像をダウンロード保存させます。