如何查看像素的顏色是否爲紅色？ （與jQuery）

Question

我有一個圖像，我想看看鼠標在它上面的像素是紅色還是不是決定在下面的函數中做些什麼，我怎麼能發現像素是紅色的還是不是？

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

Answer 1

您可以使用畫布進行此操作。在畫布上繪製圖像，之後使用getImageData方法可以獲取圖像的像素。作爲最後一步計算鼠標所在的正確像素並檢查它的紅色值（您將擁有像素的RGBA）。

也許最棘手的部分將是找到正確的像素，但這不應該是一個大問題。爲畫布使用相對的鼠標位置。你已經知道圖像有多大，所以很容易找到像素。