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



我最初的搜索表明,出于安全原因,我可能无法这样做,但我还是要问一下。如何在网页上获得任何指定像素的颜色?
更具体地说,这是我自己的网页,包含背景颜色,图像,css修改元素。我需要知道完全渲染的网页上的特定像素的颜色。信息不能从屏幕抓取,因为我想修改我的完全渲染的页面。

哎呀! !有人真的因为我问了真诚的问题而给我减了一分吗?艰难的人群!

更具体地说:我想添加一个用户可移动的画布元素的网页,直观地改变了网页的一部分,画布是悬停在。可以把canvas元素想象成一个放大镜,用户可以在整个网页中移动它。但是我希望canvas元素产生的实际效果是一个颜色过滤器(因此需要底层颜色)。

不能做w/script+技巧。也许通过一个插件

如果您可以设置一个服务器端浏览器来为您呈现页面-这可能行得通。

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

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

Chrome插件,你可以加载你的页面,并使用小滴管工具选择页面的一部分,你感兴趣的是找出颜色。它很直接,但是对于你的"编辑"来说,它有点像屏幕抓取。不知道你是否可以或不能使用chrome。

如果您不能使用插件,您是否能够通过右键单击选择html元素?

可以使用html2canvas库在DOM更新时将网页渲染为画布,然后从画布中获取像素信息。

然而,听起来你想要达到的效果也许可以用css过滤器来实现。下面是css过滤器功能的演示。您需要用相同的HTML呈现两个图层,其中顶部图层应用了过滤器,并被裁剪为仅覆盖所需的区域。

相关内容

  • 没有找到相关文章