發送畫布數據到服務器

Question

我在我的網頁上有一個畫布。這裏用戶繪製圖像。現在，當用戶單擊提交按鈕時，我希望瀏覽器將畫布數據與其他字段一起發送。
是否可以發送畫布數據。如果是的話如何？

Answer 1

canvas.toDataURL("image/png"); 

將返回圖像數據作爲一個數據：URI
你可以將其設置爲隱藏字段，並與您的形式提交。
或者您可以通過AJAX請求發送它。

您可以創建另一個與URI的圖像，並重新繪製圖像

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;