我使用渐变来设置 html 正文背景的颜色。
CSS:
background: linear-gradient(to top, #fb4080 10%,#ebb523 22%,#58d27c 40%,#2aff00 52%,#0fd2b7 65%,#6b6dff 80%,#ff05ea 100%);
现在身体充满了多种颜色。使用 javascript 如何获取页面特定部分的 RGB 或十六进制颜色代码值?
Example:
如果我滚动页面,我想获取顶部部分的颜色
页面(突出显示部分内的颜色不完全是,而是接近它的值),以便我可以将该颜色代码分配/设置到页面上的另一个元素,如导航栏、菜单等
有什么建议么?
我可以在这里想到以下选项:
计算你应该能够用 Javascript 实现的梯度
获取像素值如何找出渐变中的所有颜色? https://stackoverflow.com/questions/8732401/how-to-figure-out-all-colors-in-a-gradient
创建具有相同渐变的隐藏画布并选取像素
从这块画布上http://www.html5canvastutorials.com/tutorials/html5-canvas-linear-gradients/ http://www.html5canvastutorials.com/tutorials/html5-canvas-linear-gradients/
使用 Javascript 的屏幕截图库并从中选取像素
屏幕截图数据。使用 HTML5/Canvas/JavaScript 截屏 https://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-screenshots
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)