如何获取html页面上特定部分的背景色

Question

我使用Gradient为我的html主体背景设置颜色。

CSS：

background: linear-gradient(to top,  #fb4080 10%,#ebb523 22%,#58d27c 40%,#2aff00 52%,#0fd2b7 65%,#6b6dff 80%,#ff05ea 100%);

现在，身体充满了多种颜色。使用JavaScript如何获取页面特定部分的RGB或十六进制颜色代码值？

例：

如果我滚动页面，我想获取页面顶部的颜色（突出显示的部分内部的颜色不完全而是邻近的值），以便我可以将该颜色代码分配/设置给页面上的另一个元素如导航栏，菜单等

有什么建议么？

Answer 1

我可以在这里想到以下选项：

1. 在Javascript中计算渐变，您应该能够获得像素值 如何计算渐变中的所有颜色？

2. 创建具有相同渐变的隐藏画布并从此画布中选取像素 http://www.html5canvastutorials.com/tutorials/html5-canvas-linear-gradients/

3. 使用 Javascript 的屏幕截图库并从屏幕截图数据中选取像素。 使用 HTML5/Canvas/JavaScript 截屏