Получить цвет первого пикселя изображения (JS/JQuery)

Question

у меня есть - например, - это рис:

var imgSrc = "http://scottkleinberg.com/wp-content/uploads/2012/10/icon-512x512.png"; 

И мне нужно только переменную с RGB или RGBA или HEX цвета на первой позиции пикселя (0, 0):

var color = getFirstPixelColor(imgSrc); // Should return #AAE8FE or 170,323,254 or 170,323,254,1 

Answer 1

У меня есть resuln, но только с PHP:

$imgObject = imagecreatefrompng('http://scottkleinberg.com/wp-content/uploads/2012/10/icon-512x512.png'); 
$fillColor = imagecolorat($imgObject, 0, 0); 

$rgba = array(
    ($fillColor >> 16) & 0xFF, 
    ($fillColor >> 8) & 0xFF, 
    $fillColor & 0xFF, 
); 

print_r($rgba); 

Когда изображение JPG или JPEG формат:

$imgObject = imagecreatefromjpeg('http://scottkleinberg.com/wp-content/uploads/2012/10/icon-512x512.png'); 
$fillColor = imagecolorat($imgObject, 0, 0); 

$rgba = array(
    ($fillColor >> 16) & 0xFF, 
    ($fillColor >> 8) & 0xFF, 
    $fillColor & 0xFF, 
); 

print_r($rgba); 

Answer 2

Вам нужно использовать холст HTML5. Вы не можете получить значение цвета непосредственно по изображению.

var imageData = ctx.getImageData(canvasX, canvasY, 1, 1); 
var pixel = imageData.data; 

this SO вопрос ответит вам ясно.