选取已在画布中绘制的图像

时间:2012-11-01 19:35:48

标签: javascript jquery html5 canvas html5-canvas

  

可能重复:
  How to send HTML <canvas> data to server

我做了一个可以将base64中的图片发送到php脚本的表单。我有used this plugin用flash捕获图像并将其放在画布中(在发布表单之前用于预览)。但是如何在画布中获取实际图片数据以通过ajax发送?

(抱歉英语!):-) 谢谢

编辑:

解决了!

我只是指向画布

canvas = document.getElementById('canvas');

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

在我发布pngBase64

1 个答案:

答案 0 :(得分:0)

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