jquery - LESS - 使用 javascript / jquery 饱和颜色代码

Question

根据LESSCSS 文档，我可以在 LESS 文件中应用如下饱和度。

background-color: saturate(#A0F809, 25%);

但我将在 javascript 中填充一个列表，每个列表项都有自己的背景颜色。我需要通过从背景颜色饱和 25% 来应用悬停颜色。我怎样才能在 javascript / jquery 中做到这一点？

我尝试了 LESS 解析器。但它希望我通过 css 类，它不接受 css 样式。

这有效：

parser = new(less.Parser);
parser.parse('.class{background-color: saturate(#CD6667, 25%)}', function(err, tree) {console.log(tree.toCSS())})

但不是这个：

parser = new(less.Parser);
parser.parse('background-color: saturate(#CD6667, 25%)', function(err, tree) {console.log(tree.toCSS())})

Answer 1

这行得通。您可以像下面这样调用这些函数中的大部分。

color = "#235689";
color = color.replace("#", "");

//get less color object
color = new less.tree.Color(color); 

//saturate it 50%
color = less.tree.functions.saturate(color, {value: 50}).toCSS();

现在color返回 50% 的饱和颜色。