Как проверить, если холст пуст?

Question

Как я могу проверить, является ли холст HTML5 пустым или имеет цветные пиксели. Есть ли быстрый метод?

<canvas width="200" height="200"></canvas>

Answer 1

Вы можете создать новый пустой холст и сравнить URL-адреса данных следующим образом.

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

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

JSFiddle