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

Question

我最初的搜索表明，出于安全原因，我可能无法做到这一点，但我还是会问。我如何获得的颜色任何指定的像素在网页上？

更具体地说，这是我自己的网页，其中包含背景颜色，图像，css修改-元素。我需要知道的颜色，一个特定的像素在充分渲染网页。信息不能从屏幕抓取，因为我想修改我的全面渲染页面。

哎哟!！有人真的因为我问了真正的问题而“减1”了吗？强硬的人群！

更具体地说:我想在网页中添加一个用户可移动的画布元素，在视觉上改变画布悬停的部分。将画布元素看作是用户可以在网页上移动的放大镜。但是我希望画布元素产生的实际效果是一个颜色过滤器(因此需要底层颜色)。

Answer 1

不能做w/ script+tricks。也许是通过插件

如果您可以设置服务器端浏览器来为您呈现页面，则可能有效。

Answer 2

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

好的，这里还有一些细节..。

有了Chrome插件，您可以加载您的网页，并使用小滴管工具，以选择一段页面，您感兴趣的找出颜色。这是直截了当的，但你的“编辑”它的屏幕刮刮。不确定你能不能使用铬。

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

Answer 3

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

然而，听起来您想要实现的目标也许可以通过css过滤器来实现。下面是css过滤器可以做什么的演示。您需要用相同的HTML呈现两个层，其中顶层有应用于它的过滤器，并被裁剪成只覆盖所需的区域。