获取图像上一个像素的颜色

Question

我一直在尝试解决一个问题。我只是想在JavaScript中获取JPEG图像上特定像素的颜色。有没有好的方法可以做到这一点？我在网上找到的所有解决方案都涉及操作画布或更改画布元素的颜色，但我只想查找图像上的像素颜色。

谢谢任何帮助和见解！

- jsonnham

---

这可能会有所帮助 从图像中获取像素颜色。 - erelguitars

在画布上绘制图像，然后读取所需区域的颜色是一种纯JS方式，非常标准。在您的情况下这样做有问题吗？ - A Haworth

Answer 1

既然您在问题标签中包含了node.js，那我会使用node.js而不是浏览器来完成此操作。

您可以使用Jimp从JPG格式图像中获取像素颜色。

import Jimp from 'jimp';

const image = await Jimp.read('./Lenna.jpg');

console.log(Jimp.intToRGBA(image.getPixelColor(0, 0)));

你可以以多种格式输出颜色值，在上面的示例中，我使用了Jimp.intToRGBA来获取值为{ r: 226, g: 137, b: 125, a: 255 }的颜色。

如果你运行下面的代码片段，就可以在背景中看到它。

body {
  background-color: rgba(226, 137, 125, 1)
}

它看起来与下面图像左上角相同：

- Ryan White