透明效果與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。