判断canvas中是否有内容

Question

如何判断canvas中是否有内容
求大神救命

Answer 1

楼上的算法有 O(mn) 的复杂度。。。

http://stackoverflow.com/questions/17386707/how-to-check-if-a-canvas-is-blank

其实完全可以借助 PNG 算法

function isCanvasBlank(canvas) {
    var blank = document.createElement('canvas');
    blank.width = canvas.width;
    blank.height = canvas.height;

    return canvas.toDataURL() == blank.toDataURL();
}

Answer 2

ctx.getImageData(0, 0, width, height);

获取 canvas 指定范围的像素数据，然后遍历判断 RGBA 色值。