有没有办法让JQuery找到图像的第一个像素顶/左颜色？
谢谢
答案 0 :(得分：0)
如果您使用PHP，您可以在将HTML发送到客户端之前找到它并包含在HTML中。 http://php.net/manual/en/function.imagecolorat.php
将它放在data-pixelColor元素中，以便在jQuery中重用。
答案 1 :(得分：0)
基于这个答案：How to get a pixel's x,y coordinate color from an image?
您可以绘制画布，将图像加载到其中，然后使用getImageData读取左上角的1x1像素。
Canvas 2D的CanvasRenderingContext2D.getImageData（）方法 API返回表示基础像素数据的ImageData对象 用于从矩形开始的画布区域开始 （sx，sy）并且具有sw宽度和sh高度。
该函数返回一个ImageData对象，访问data属性，您将获得像素信息。
readonly ImageData.data属性返回一个Uint8ClampedArray 表示包含RGBA中数据的一维数组 order，整数值介于0到255之间（包括在内）。
代码：
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);