前回、前々回と2回に渡りJavaScriptでcanvasタグを扱う方法について記事にしてきました。 ブラウザで画像ファイルを選択した時にプレビュー表示する方法 canvasに文字を描画する方法 ChromeはCanvasを右クリックして保存ができるとはいえ、それで終わらせるのもアレなので、Canvasの保存方法について解説していきます。 モダンブラウザでCanvasの保存をする方法 結論から言うとDataURIをクリックしたことにするのがてっとり早いです。 画像データをBase64エンコードされた文字列で表現すればimgタグに埋め込めることは前々回の記事で書いたと思います。 こんなの↓ <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" > ではこれと同じようにaタグの