使用JQuery.SVG实现透明效果

Question

我使用了很棒的Jquery.SVG绘制了一个svg路径（文档可能更好）

一切正常。但我正在尝试做一些比较漂亮的事情。

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

我在考虑这样的代码：

$（'＃path-svg-id'，'＃divid'）。filters.specularLighting（filter，'specOut'，     'blur'，5,0.75,20，     {lightingColor：'#bbbbbb'}）;

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

Answer 1

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

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

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

Answer 2

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

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