如何使用javascript获取页面中图像的RGB值？

Question

我正在尝试制作书签。但我陷入了困境。 我需要使用“For Next”语句提取非常x像素的RGB或颜色值。但我不知道什么功能可以帮助我提取RGB值。有人可以帮我解决图片中给定点的RCG值的功能吗？

Answer 1

这是一个棘手的问题。标准DOM中没有任何方法可以让您在<img>中提取像素的RGB值。

但是，如果您愿意深入了解HTML5，则可以利用<canvas> element。您可以将图像加载到画布（.drawImage()）中，然后获取您要查找的RGB值（.getImageData();请参阅SLaks答案中的链接）。当然，这不适用于IE8，因为它不支持<canvas>。

另一种选择可能是对Web服务进行AJAX调用以获取像素数据。服务器端脚本可以加载图像，获取RGB值，并将其作为JSON返回到书签。这显然会将往返的延迟添加到服务器，但更兼容。 （但也要考虑跨域问题。）

Answer 2

你可以use a canvas。