如何從WebOS中的圖像獲取像素？

Question

上午有我的形象，我必須讀取該圖像的所有像素值。我必須在webOS中完成。有什麼辦法做到這一點？

Answer 1

這個問題有點類似於另一個，我回答了here。基本上，您需要將該圖像繪製到畫布上，使用getImageData來獲取像素數組，然後訪問數組中的像素。

總之，這個例子中找到像素的綠色成分，在（5,2）：

var canvas = document.getElementById(canvasID); 
var context = canvas.getContext('2d'); 
var image = context.getImageData(0,0,canvas.width,canvas.height); 
var index =(5*image.width+2)*4; 
//six columns of pixels, plus two for the third row. 
//Multiply by four, because there are four channels. 
image.data[index+1] = 0; //Plus one, because we want the second component (R,G,B,A).