タグ

ブックマーク / favril.hatenablog.com (1)

  • 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

    canvasに描いた絵(画像)をサーバに保存 - 超自己満足プログラミング
    hiroyukim
    hiroyukim 2010/03/17
  • 1