Этот вопрос чем-то похож на другой, на который я ответил здесь .По сути, вам нужно нарисовать это изображение на холсте, использовать 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).