如何使用JavaScript从html5 canvas检索原始位图数据？

Question

我想知道如何从html5画布中提取原始数据作为原始位图像素数据并将其存储在变量中。

到目前为止，我已经设置了我的html5画布，其中包含一个图像： https://jsfiddle.net/t21mjh5L/1/

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = document.getElementById("myimg");
ctx.drawImage(img,0,0);
var bitmapData;
//retrieve image data as raw bitmap

Answer 1

您可以尝试获取这样的位图数据：

var myImageData = ctx.getImageData(left, top, width, height).data;

可以找到有关获取图像数据的更多信息 here