透明效果与JQuery.SVG

Question

我画了一个使用伟大的Jquery.SVG svg路径（文档可能会更好）

一切工作正常。但我正在尝试做更有趣的事。

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

我想这样一些代码：

$（ '＃路径SVG-ID'， '＃DIVID'）filters.specularLighting（过滤器， 'specOut'， '模糊'，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。