使用JQuery.SVG实现透明效果

Question

我已经使用这个很棒的Jquery.SVG绘制了一个svg path (文档可能更好)

一切都很好。但我正在尝试做一些更花哨的事情。

有一个彩色矩形，我想用specularLighting突出显示它。

我在想一些这样的代码：

$(‘#路径-svg-id’，'#divid').filters.specularLighting(filter，'specOut'，'blur'，5，0.75，20，{lightingColor：'#bbbbbb'})；

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

Answer 1

我使用了下面的代码，它工作得非常好

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

Answer 2

您需要添加feSpecularLighting元素作为filter元素的子元素，并且feSpecularLighting元素应该有一个light source element子元素。

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

请参阅应用于某些svg内容的feSpecularLighting的this example。