检查 HTML5 画布上的像素是否为黑色

Check to see if pixel is black on HTML5 Canvas

本文关键字:像素 是否 黑色 HTML5 检查      更新时间:2023-09-26

我试图在画布上查找像素是否为黑色

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

如果像素为假,我需要返回真或假,我已经尝试过 getImageData,但我无法弄清楚如何正确使用它。

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
   }
}

http://jsfiddle.net/abdennour/4kdLfooj/11/