Jak sprawdzić, czy płótno jest puste?

Question

Jak mogę sprawdzić, czy płótno HTML5 jest puste lub ma kolorowe piksele. Czy istnieje szybka metoda?

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

Answer 1

Można utworzyć nowe puste płótno i porównać adresy URL danych w taki sposób.

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

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

JSFiddle