JQuery.SVG 的透明效果
我已经使用很棒的 Jquery.SVG 绘制了 svg 路径（文档可能会更好）
一切正常。但我正在尝试做一些更奇特的事情。
有一个彩色矩形，我想使用镜面照明突出显示它。
我在想这样的代码：
$('#path-svg-id','#divid').filters.specularLighting(filter, 'specOut', ‘模糊’, 5, 0.75, 20, {照明颜色：'#bbbbbb'});
但这不起作用。有什么想法吗？
I've draw a svg path using the great Jquery.SVG (the documentation could be better)
Everything works fine. But I am trying to do something fancier.
There is a colored rectangle and I'd like to highlight it using specularLighting.
I was thinking some code like this:
$('#path-svg-id','#divid').filters.specularLighting(filter, 'specOut',
'blur', 5, 0.75, 20,
{lightingColor: '#bbbbbb'});
But it does not work. Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您需要添加 feSpecularLighting 元素作为 filter 元素，以及 feSpecularLighting 元素应该有一个 光源元素子元素。
然后，您可以通过 CSS 过滤器属性。
请参阅应用于某些 svg 内容的 feSpecularLighting 的此示例。
You need to add the feSpecularLighting element as a child of a filter element, and the feSpecularLighting element should have a light source element child.
Then you can apply the filter to an element of your choice via the CSS filter property.
See this example of feSpecularLighting applied to some svg content.
我使用过以下方法并且效果非常好
I've used the following and it worked really well