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

Nok*_*hen 12 javascript image

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

jos*_*736 5

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

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

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