0

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())})
4

1 に答える 1

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();

color50% の飽和色を返すようになりました。

于 2013-09-26T09:39:43.813 に答える