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

Question

我有一个图像，我想看看鼠标在它上面的像素是不是红色的，在下面的函数中决定做一些事情，我怎样才能知道像素是不是红色的？

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

Answer 1

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

可能最棘手的部分是找到正确的像素，但这应该不是什么大问题。使用画布的相对鼠标位置。您已经知道图像有多大，因此很容易找到像素。