Überprüfen Sie, ob Pixel schwarz auf HTML5 Canvas ist

Question

Ich versuche zu finden, wenn ein Pixel schwarz ist oder nicht auf einer Leinwand

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

ich brauchen würde, entweder wahr oder falsch zurück, wenn das Pixel falsch ist Ich habe versucht, GetImageData, aber ich war nicht in der Lage, herauszufinden, wie man es richtig verwendet.

Answer 1

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

Das ist es !!

Natürlich, dass Angenommen, Sie haben:

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

FIDDLE

Dann:

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

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