javascript - 如何为svg元素赋予hsl颜色值

我想问一问是否已经读过，可以为svg元素提供hsl颜色值。但是当我尝试这样时

var color = hsl(0, 100%, 50%);

circle.attr("fill" , color);

我收到一个错误“意外号码”

谁能指导什么是正确的方法，并且SVG是否支持所有HSL颜色

谢谢

最佳答案

只是

var color = hsl(0,100%,50%);

line表示您使用hsl，0，100%参数调用50%函数，并将返回值分配给color变量。

您需要使用引号，并将颜色作为string传递:

 var color = "hsl(0, 100%, 50%)";

 circle.attr("fill" , color);

有关HSL的更多信息，请阅读here。

而且，无论是SVG还是其他元素都使用了hsl颜色，这并不容易。这只是指定color的语法。

更新:要赋予color变量随机行为，请尝试以下操作:

var color = "hsl("+[0,0,0].map(function(){   return Math.round(100*Math.random())+"%"; }).join(',')+")";

关于javascript - 如何为svg元素赋予hsl颜色值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11257015/