Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JavaScript从html5画布检索原始位图数据?_Javascript_Html_Canvas_Bitmap - Fatal编程技术网

如何使用JavaScript从html5画布检索原始位图数据?

如何使用JavaScript从html5画布检索原始位图数据?,javascript,html,canvas,bitmap,Javascript,Html,Canvas,Bitmap,我想知道如何从html5画布中提取原始数据作为原始位图像素数据,并将其存储在变量中 到目前为止,我已经在html5画布上设置了一个图像: 您可以尝试如下方式获取位图数据: var myImageData = ctx.getImageData(left, top, width, height).data; 可以找到有关获取图像数据的更多信息 你看到了吗?谢谢。你的回答帮助我找到了这篇文章,这篇文章帮助我达到了我想要的目的。另外,如果有人感兴趣,这是获取原始jpeg数据的方法:var jpegR

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

到目前为止,我已经在html5画布上设置了一个图像:


您可以尝试如下方式获取位图数据:

var myImageData = ctx.getImageData(left, top, width, height).data;
可以找到有关获取图像数据的更多信息

你看到了吗?谢谢。你的回答帮助我找到了这篇文章,这篇文章帮助我达到了我想要的目的。另外,如果有人感兴趣,这是获取原始jpeg数据的方法:var jpegRawData=canvas.toDataURL(“image/jpeg”,1.0)。替换(“data:image/jpeg;base64,”);
var myImageData = ctx.getImageData(left, top, width, height).data;