找到匹配给定颜色的HTML5画布的坐标

Question

我需要一种方法来查找具有特定颜色的每个像素的坐标。我可以遍历整个图像中的每个像素并检查是否匹配，但这看起来效率不高。有没有更好的办法？

Answer 1

您将不得不遍历数组，因为这是评估画布中所有像素的唯一方法。

但是，您可以使用32位整数（类型）阵列，而不是标准的8位阵列 - 这将是快许多倍：

var idata = ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height), 
    buffer32 = new Uint32Array(idata.data.buffer), 
    len = buffer32.length, 
    i = 0, x, y, 
    color = 0xffffffff; /// white color (ABGR format on little-endian systems) 

for(; i < len; i++) { 
    if (buffer32[i] === color) { 
     /// convert i to x/y position here 
     x = i % idata.width; 
     y = (i/idata.height)|0; 
    } 
}