如何查看像素的颜色是否为红色？ （用jquery）

Question

我有一个图像，我想看看鼠标在它上面的像素是红色还是没有决定在下面的功能中做什么，我怎么才能发现像素是红色的？

$('#picture').mousemove(function(e) {} ;)

Answer 1

你可以用canvas做到这一点。在画布上绘制图像，之后使用getImageData方法可以获得图像的像素。最后一步计算鼠标所在的右侧像素并检查它的红色值（您将获得像素的RGBA）。

最棘手的部分可能是找到合适的像素，但这不应该是个大问题。使用画布的相对鼠标位置。你已经知道图像有多大，所以很容易找到像素。