Question

我有 - 例如 - 这张照片：

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

我只需要在第一个位置像素（0,0）上使用RGB或RGBA或HEX颜色变量：

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

Answer 1

我有一个结果，但只有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所以问题会清楚地回答你。

获取图像的第一个像素颜色（JS / jQuery）

2 个答案: