Как получить пиксельный цвет изображения с помощью координат x и y?

Question

Что я tryting сделать это принять «pixel.jpg» и cosole.log значение RGB в Пиксель на х и у значения определяется переменной. im i предполагается, что мне понадобится , чтобы создать холст, а затем сканировать всю вещь, используя цикл for ... ??

<meta charset="UTF-8"> 
title>Pixel</title> 
<link href="pixel.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="pixel.js"></script> 

<pre id="output"></pre> 

Answer 1

рисовать пиксель на холсте. Затем используйте getImageData.

var getPixelColor = function(img,x,y){ 
    var canvas = document.createElement('canvas'); 
    canvas.width = 1; 
    canvas.height = 1; 
    var ctx = canvas.getContext('2d'); 
    ctx.drawImage(img,x,y,1,1,0,0,1,1); 
    return ctx.getImageData(0,0,1,1); 
}