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