按照LESSCSS documentation,我可以像下面在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())})

最佳答案

这可行。您可以像下面这样调用these functions的大部分内容。

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%的饱和色。

07-24 09:44
查看更多