Jquery查找左上像素图像的颜色

JQuery有没有办法找到图像的第一个像素上/左颜色

---

谢谢

如果您使用PHP，您可以在将其发送到客户端之前找到它并将其包含在HTML中

---

将其放入数据pixelColor元素中，以便在jQuery中重复使用。

如果使用PHP，则可以在将其发送到客户端之前找到并包含在HTML中

将其放入数据像素颜色元素中，以便在jQuery中重复使用。

基于此答案：

您可以绘制画布，将图像加载到其中，然后使用读取左上角的1x1像素

画布2D的CanvasRenderingContext2D.getImageData（）方法 API返回表示基础像素数据的ImageData对象 对于画布区域，由从开始的矩形表示 （sx，sy）并具有sw宽度和sh高度

函数返回一个

ImageData

对象，访问属性您将获得像素信息

readonly ImageData.data属性返回UINT8ClampArray 表示包含RGBA中数据的一维数组 顺序，整数值介于0和255之间（包括）

代码：

演示：

基于此答案：

您可以绘制画布，将图像加载到其中，然后使用读取左上角的1x1像素

画布2D的CanvasRenderingContext2D.getImageData（）方法 API返回表示基础像素数据的ImageData对象 对于画布区域，由从开始的矩形表示 （sx，sy）并具有sw宽度和sh高度

函数返回一个

ImageData

对象，访问属性您将获得像素信息

readonly ImageData.data属性返回UINT8ClampArray 表示包含RGBA中数据的一维数组 顺序，整数值介于0和255之间（包括）

代码：

---

演示：

否。jQuery不是图像处理工具。否。jQuery不是一个图像处理工具。

var myImg = new Image();
myImg.src = '../img/logo.png';
var context = document.getElementById('canvas').getContext('2d');
context.drawImage(myImg, 0, 0);
console.log(context.getImageData(0, 0, 1, 1).data);