画布：像素值之间的差异

Question

如何测试画布上渲染的图像中某点和另一点的像素值是否不同？ 我可以得到两个不同位置的像素值之间的数值差异，比如pixelat（x，y）-pixelat（x1，y1）=任意数字??

我需要检查相邻像素值之间的差异，并在差值超出某个值时进行一些操作。

Answer 1

获取像素

function getPixel(x,y){
    var data = ctx.getImageData(x,y,1,1).data;
    return {
       r : data[0], // pixel RGBA values
       g : data[1],
       b : data[2],
       a : data[3],
       raw : new Uint32Array(data.buffer)[0], // 32bit pixel value
    };
}
if(getPixel(10,10).raw !== getPixel(100,100).raw){
      // pixels are different
}