我正在尝试使用 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%);
这就是你要找的吗?
关于javascript - 动态更改渐变的颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22138749/