JQuery.SVG的透明效果

我已经使用伟大的Jquery.svg绘制了一条svg路径（文档可能更好）

一切正常。但我想做些更有趣的事

有一个彩色矩形，我想用镜面照明来突出显示它

我在想这样的代码：

$（“#path svg id'，“#divid'）。filters.specularLighting（filter，'specOut'， “模糊”，5，0.75，20， {lightingColor:'#bbbbbb'}）

但它不起作用。有什么想法吗？

您需要将元素添加为元素的子元素，并且元素应该有一个子元素

然后，您可以通过CSS将过滤器应用于您选择的元素

---

请参阅将feSpecularLighting应用于某些svg内容的示例。

我使用了以下内容，效果非常好

svg.ellipse(w, h,  w, h, {stroke: 'red', fill:'transparent'});

---

fill:'none'

可能更好（并且符合SVG1.1），'transparent'在某些浏览器中将显示为黑色。