javascript – 动态改变渐变的颜色

2023年4月27日 174次阅读

我正在尝试使用jQuery动态改变线性渐变的色调/饱和度/亮度.出于某种原因,我无法理解如何做到这一点.我在这里使用jQuery渐变插件：
http://codecanyon.net/item/jquery-gradient-creator/full_screen_preview/2054676.对于HSL选择器,我在这里使用插件：
http://www.virtuosoft.eu/code/bootstrap-colorpickersliders/.渐变插件接受RGB值,我可以更新然后在HSL滑块更改时刷新插件.我想我很困惑的是如何用hsl动态改变每个渐变的颜色.也许有人可以告诉我如何做到这一点的一般过程.

我需要它与此类似的工作(当你到达页面时点击色调/饱和度)：
http://www.colorzilla.com/gradient-editor/

最佳答案 简而言之,您需要检索每种颜色,转换为hsl,进行调整,然后使用新颜色设置css渐变中的颜色,如

$(myelement).css('background', 'linear-gradient(to bottom, '+ newColor1 +' 0%, ' + newColor2 +' 100%);

那是你在找什么？

点赞