2012年10月25日 HTML5:Canvasを画像に保存しようとしてハマる HTML5のCanvasでお絵かきをするサンプルはググればたくさん出てきます。 そこで、それを画像ファイルとして保存しようとしてみました。 まず、以下のようにしてCanvasのデータを取得する。 var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var data = canvas.toDataURL("image/png"); data = data.replace("data:image/png;base64,", ""); このデータをサーバにPOSTして、サーバ上に保存する。 合わせて、スマフォ(Android)にダウロードもしようと考えました。 サーバ側の処理はこんな感じ。 <