如何获取网页上任何指定像素的颜色？

我最初的搜索表明，出于安全原因，我可能无法做到这一点，但我仍然会问。如何获得网页上指定像素的任意的颜色？
更具体地说，这是我自己的网页，其中包含背景颜色，图像，CSS修改元素。我需要知道完全渲染的网页上特定像素的颜色。信息不能来自屏幕抓取，因为我想修改完整呈现的页面。如何获取网页上任何指定像素的颜色？

哎唷!!! 有人真的“减1”我问真正的问题吗？艰难的人群！

更具体地说：我想添加一个用户可移动的画布元素到网页上，它可以改变画布悬停在其上的网页部分。将画布元素想象成用户可以在网页上移动的放大镜。但是我希望canvas元素产生的实际效果是一个颜色过滤器（因此需要底层的颜色）。

来源

2013-01-07 markE

@Oded：[减1]这是一个奇闻，甚至没有尝试的答案... – markE

这就是为什么它是一个评论。你的问题需要更加明确。 – Oded

谢谢彼得，我怀疑这个！ – markE

无法完成w /脚本+技巧。也许通过一个插件

如果你可以设置一个服务器端浏览器为你呈现页面 - 这可能工作。

来源

2013-01-07 19:18:56

嗨斯科特。是的，我需要使用javascript而不是屏幕抓取，因为我想在阅读颜色后修改网页 – markE

hey markE - w/o了解更多关于您所做的最好的事情我可以提供的是某种服务器端具有像素查找功能的浏览器呈现服务.. –

感谢您和彼得。我接受“不能做”作为正确的答案。 – markE

https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en

好一些细节这里....

有了Chrome插件，你可以加载你的页面，并使用小滴管工具来选择您所在页面的段有兴趣找出颜色。这很简单，但是对于你的“编辑”类型的屏幕截图。不知道您是否可以使用chrome。

如果您不能使用插件，您是否有能力通过右键点击选择html元素？

来源

2013-01-07 19:14:27 amarkson

这是Chrome的扩展。不是一个真正的答案。 – Peter

你在说什么，不是真正的答案... – amarkson

这不是一个真正的答案，告诉我如何使用你的解决方案在Firefox上我会给你+1 – Peter

当DOM更新时，您可以使用html2canvas库将网页重新渲染到画布，然后从画布中获取像素信息。

但是，这听起来像你想要实现可能与CSS滤波器。 Here's a demo of what css filters can do. 您需要使用相同的HTML呈现两个图层，其中顶层应用了过滤器，并将其裁剪为仅覆盖所需区域。

来源

2013-10-20 16:49:33

html2canvas对我很好！现在试图让这个工作在一个Firefox插件...和它的失败默默，任何想法？我使用的是firefox jpm-sdk – Nick

如何获取网页上任何指定像素的颜色？

回答

相关问题