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

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

到目前为止，我已经设置了带有图像的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

最佳答案

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

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

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