发送画布数据到服务器

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;