canvasに描いた絵（画像）をサーバに保存 - 超自己満足プログラミング

canvasに描かれたデータを取得するには、canvas.toDataURL() を使います。 toDataURL()で得られるのは、base64エンコードされた画像情報なので、 それをサーバに送って、base64デコードして保存という流れです。 toDataURL()して、そのデータをPOSTする部分のjavascript (ajax部分が面倒なので、prototype.jsを使用) function saveImage() { var imgdata = $('canvas_id').toDataURL(); // デフォルトだとpng, 引数でjpegとかも可能 imgdata = imgdata.replace('data:image/png;base64,', ''); // 頭のいらない部分を落とす new Ajax.Request(<画像保存CGIのURL>, { param

[msh514]

canvas html5 画像 保存

[tsujimitsu]

canvas javascript

[kamiseto]

canvasの画像をpost送信

[bosatsumiroku]

html5 canvas サーバ 保存