使用jQuery获取图像的第一个像素（0,0）

Question

我只需要使用jquery（RGBA或HEX）获取图像的第一个像素(0,0)

请帮助我：D

Answer 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;