HTML5的getImageData功能不需要使用canvas。

Question

HTML5的getImageData功能不需要使用canvas。

javascriptjqueryhtml

5

是否有一种不使用画布就可以使用图像的getImageData方法的方式？我想要获取图像上鼠标位置的像素颜色。

- Bryan Williams

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Denys Séguret · Accepted Answer

不行。

但是可以通过内存中的canvas获取图像数据，这很快也很容易：

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var img = document.getElementById('someImageId');
context.drawImage(img, 0, 0 );
var theData = context.getImageData(0, 0, img.width, img.height);

为了避免在每次点击时构建它，您可以保留theData变量。

请注意，如果图像来自另一个域，这将无法正常工作（因此，如果您使用file://而不是http://打开您的HTML文件，则无法正常工作）。