7

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

哎哟！！！有人真的因为提出真正的问题而“减去 1”我吗？艰难的人群！

更具体地说：我想向网页添加一个用户可移动的画布元素，该元素在视觉上改变画布悬停在网页上的部分。将画布元素视为用户可以在网页上移动的放大镜。但我希望画布元素产生的实际效果是滤色器（因此需要基础颜色）。

4

3 回答 3

2

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

好的，这里有更多细节......

使用 Chrome 插件，您可以加载您的页面，并使用小滴管工具选择您有兴趣查找颜色的页面部分。这是直截了当的，但对你的“编辑”来说，它是一种屏幕抓取。不确定您是否可以使用 chrome。

如果你不能使用插件，你有能力通过右键选择html元素吗？

于 2013-01-07T19:14:27.280 回答
2

不能用脚本+技巧来完成。也许通过插件

如果您可以设置服务器端浏览器来为您呈现页面 - 那可能会起作用。

于 2013-01-07T19:18:56.287 回答
2

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

但是，听起来您尝试实现的目标可能与 css 过滤器有关。这是一个 css 过滤器可以做什么的演示。 您需要使用相同的 HTML 渲染两个图层，其中顶层应用了过滤器并被裁剪以仅覆盖所需的区域。

于 2013-10-20T16:49:33.757 回答