Obtenha os dados de pixel de uma imagem em HTML

function getPixel(url, x, y) {
var img = new Image();
img
.src = url;
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
context
.drawImage(img, 0, 0);
return context.getImageData(x, y, 1, 1).data;
}


getPixel
('./bg.png', 10, 10); // [255, 255, 255, 0];