gpt4 book ai didi

javascript - 非 HTML5 JavaScript HSV 颜色选择器如何工作?

转载 作者:行者123 更新时间:2023-11-30 09:02:09 24 4
gpt4 key购买 nike

谁能解释一下 JavaScript 颜色选择器的工作原理? (不使用 HTML5 Canvas 的那些。)

我的第一个想法是生成(数千个)1px div 程序化盟友并为它们提供略有不同的背景颜色。但我认为必须有比这更好的解决方案!

最佳答案

对于标准选择器,您需要一个静态图像,该图像具有从左(不透明)到右(透明)的 alpha 渐变,以及从顶部(白色)到底部(黑色)的颜色渐变。创建一个 DIV,并将图像放入其中。

Hue 选择器是静态图像。选择色调后,DIV 的背景颜色会更改为该色调。 DIV 顶部的透明图像将改变底层颜色,并模拟适当的颜色选择器。魔术不是吗?

编辑:这是一个 HSV 选择器,色调选​​择器选择色调。大选择器上的 X 坐标是饱和度,Y 是亮度(或值)。然后您可能需要 HSV 到 RGB 算法。

关于javascript - 非 HTML5 JavaScript HSV 颜色选择器如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8371115/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com