我正在尝试使用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/
答案 0 :(得分:2)
简而言之,您需要检索每种颜色,转换为hsl,进行调整,然后使用新颜色设置css渐变中的颜色,例如
$(myelement).css('background', 'linear-gradient(to bottom, '+ newColor1 +' 0%, ' + newColor2 +' 100%);
那是你在找什么?