小编典典

用户单击时如何使用JavaScript或jQuery读取图像的像素?

javascript

用户单击时,如何使用JavaScript或jQuery读取图像像素的颜色?(当然,通过预订click事件,我们可以获得此像素的(x,y)值)。


阅读 291

收藏
2020-05-01

共1个答案

小编典典

如果可以在canvas元素中绘制图像,则可以使用该getImageData方法返回包含RGBA值的数组。

var img = new Image();
img.src = 'image.jpg';
var context = document.getElementById('canvas').getContext('2d');
context.drawImage(img, 0, 0);
data = context.getImageData(x, y, 1, 1).data;
2020-05-01