我的网页中有一个 Canvas 。用户在这里绘制图像。现在,当用户单击提交按钮时,我希望浏览器将 Canvas 数据与其他字段一起发送。
是否可以发送 Canvas 数据。如果是怎么办?
最佳答案
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;
关于javascript - 将 Canvas 数据发送到服务器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9511612/