检查画布是否黑色

Question

我有一个脚本，它会拍摄一张照片并创建黑白R，G和B通道。我想指出有多少频道有他们的东西（黑色=没有颜色，白色=彩色数据）。

它通过遍历每个单个像素并将数据保存在3个不同的画布元素中。每一个显示不同的频道。

它工作的很好，但是当我只给红色和蓝色图片时，绿色通道（显然）是完全黑色的。

所以我的问题是，如何检查画布是否完全黑色？我想避免遍历每个通道中的每个像素，看它是否全黑。

欢呼

Answer 1

好吧，我测试过要检查有数据的一些东西，我能想出是创造一个1x1的屏幕外的画布，然后绘制或者您的图片或帆布面料最简单的方法，缩小到1个像素并检查它（我还添加了基本缓存）。

这不是一个精确的检查，结果取决于像素数据在原始图像中的分布方式，如GameAlchemist指出的那样，如果您希望检查结果为0，则无论如何您都可以遍历所有像素准确的结果。

function quickCheck(img){ 
    var i = arguments.callee; //caching the canvas&context in the function 
    if(!i.canvas){i.canvas = document.createElement("canvas")} 
    if(!i.ctx) {i.ctx = i.canvas.getContext("2d")} 

    i.canvas.width=i.canvas.height = 1; 
    i.ctx.drawImage(img,0,0,1,1); 
    var result = i.ctx.getImageData(0,0,1,1); 
    return result.data[0]+result.data[1]+result.data[2]+result.data[3]; 
} 

Answer 2

您必须遍历画布的像素数据 --no魔术方法来避免这种情况。

迭代2张图片的性能代价很小（2张图片=您的正面图片和背面图片）。

[删除提问者访问的网站后，答案非必要的部分]