jquery - 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元素添加为滤镜元素的子元素，并且feSpecularLighting元素应该有一个光源元素子元素。

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

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

Answer 2

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

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