javascript - 选取已在 Canvas 中绘制的图像

标签 javascript jquery html canvas html5-canvas

Possible Duplicate:
How to send HTML <canvas> data to server

我制作了一个表单,可以将 Base64 格式的图片发送到 php 脚本。我有used this plugin使用闪光灯捕获图像并将其放入 Canvas 中(对于发布表单之前的预览很有用)。但是如何获取canvas中的实际图片数据并通过ajax发送呢?

(对不起英语!):-) 谢谢

编辑:

解决了!

我只是指向 Canvas

canvas = document.getElementById('canvas');

pngBase64 = canvas.toDataURL("image/png");

并在我发布我的pngBase64

最佳答案

canvas = document.getElementById("canvas");
context = canvas.getContext("2d");
data = context.getImageData(0,0,canvas.width,canvas.height);

https://developer.mozilla.org/en-US/docs/HTML/Canvas/Pixel_manipulation_with_canvas

关于javascript - 选取已在 Canvas 中绘制的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13184245/

相关文章:

javascript - 如何将数据传递到组件模板

javascript - jQuery 和 CSS 的窗口大小问题

javascript - 列类内的 Bootstrap 面板超出该类

javascript - AngularJS 复杂表设计与 ngRepeat

javascript - Sails.js 中非持久模型的最佳实践?

javascript - getElementsByTagName(...).0.parentNode' 为 null 或不是对象

javascript - 意外的向量旋转值

javascript - 将 svg map 转换为 jvectormap

javascript - ASP.NET MVC5 Bootstrap Popover 字符串,单引号内有双引号

javascript - 刷新页面时未加载 CSS