javascript - 将 Canvas 数据发送到服务器

标签 javascript html canvas

我的网页中有一个 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/

相关文章:

javascript - javascript 中的计时器有时不想停止计数

javascript - 自动更新标记谷歌地图v3

html - CSS 限制缩放?

javascript - 使用 CSS3 vendor 特定前缀的性能和 DOM 加载

javascript - webGL 纹理未显示在矩形中

javascript - 当用户重新提交时,如果字段不在对象中,则删除红色边框

javascript - 当用户向下滚动足够然后返回时更改颜色

javascript - Angularjs <style> 标签

javascript - 如何使用 EaselJS 绘制多边形?

javascript - 如何获取特定对象的图像数据?