檢查HTML5 Canvas上的像素是否為黑色

Question

我試圖找出畫布上是否有黑色像素

    var check = function(player,keyPressed) {
//series of ifs to determine what pixel to check. 
    }

如果像素為假，我需要返回true或false，我嘗試了getImageData，但我無法弄清楚如何正確使用它。

Answer 1

var canvas= document.getElementById('myCanv');
var pixelData = canvas.getContext('2d').getImageData(event.clientX, event.clientY, 1, 1).data;

這就對了！！

當然，假設你有：

   <canvas id="myCanv"></canvas>

小提琴

然后：

function isBlack(dataPixel){
   if(dataPixel[0]==dataPixel[1] && dataPixel[1]==dataPixel[2] && dataPixel[2]===0 ){
      return true
   }
}