ImageData要檢索指定顏色的x，y位置的對象

Question

是否可以使用ImageData對象檢索html5畫布上'黑'的x，y像素位置？我對畫布相當陌生，並且很難弄清楚這是否可行或者如何實現。

Answer 1

確實，你可以做到這一點。

您將不得不對getImageData畫布上下文進行循環，並在代表RGBA通道的4個塊中循環，然後分別對每個通道進行比較。

ImageData對於多個像素有點棘手。 成像var imgData = ctx.getImageData(0, 0, width, height);：

現在imgData.data是一個大陣列，其格式如下：

imgData.data[0] // is the Red channel of the first pixel 
imgData.data[1] // is the Green channel of the first pixel 
imgData.data[2] // is the Blue channel of the first pixel 
imgData.data[3] // is the Alpha (transparency) channel of the first pixel 

imgData.data[4] // is the Red channel of the second pixel 
... etc ... 

檢查演示你問什麼http://jsfiddle.net/GXrd5/