Come verificare se una tela è vuota?

Question

Come posso verificare se un canvas HTML5 è vuoto o ha pixel colorati. C'è un metodo veloce?

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

Answer 1

È possibile creare una nuova area di lavoro vuota e confrontare gli URL di dati in questo modo.

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

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

JSFiddle