キャンバスデータをサーバーに送信

Question

私のウェブページにはキャンバスがあります。ここで、ユーザは画像を描画する。ユーザーが送信ボタンをクリックすると、ブラウザが他のフィールドと一緒にキャンバスデータを送信するようにします。
キャンバスデータを送信することは可能ですか？はいの場合はどうですか？

Answer 1

canvas.toDataURL("image/png"); 

は、データとして、あなたの画像データを返します：URI
あなたが隠しフィールドに設定すると、フォームとそれを提出することができます。
また、AJAXリクエストで送信することもできます。

あなたは、画像が符号化され、どのように画像

var imageURI = ... 
// TODO: get the URI 
var context = canvas.getContext('2d'); 
var img = new Image(); 
img.onload = function() { 
    ctx.drawImage(img,0,0); 
} 
img.src = imageURI;