JQuery.SVG 的透明效果答案

【问题标题】：Transparency effect with JQuery.SVGJQuery.SVG 的透明效果
【发布时间】：2011-06-12 09:34:32
【问题描述】：

我已经使用出色的 Jquery.SVG 绘制了一个 svg 路径（文档可能会更好）

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

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

我在想这样的代码：

$('#path-svg-id','#divid').filters.specularLighting(filter, 'specOut', '模糊', 5, 0.75, 20, {lightingColor: '#bbbbbb'});

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

我用过以下，效果很好

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

【讨论】：