Chrome 中的 svg dropshadow 问题：阴影不是仅添加到图形，而是添加到实际容器
我正在尝试向 SVG path 添加高斯阴影，但由于某种原因，这在 Chrome 中似乎效果不佳，而不是仅将阴影添加到要添加阴影的图形到实际的容器？这在 ff 中看起来很完美吗？
如何使其正确工作？
I am trying to add a Gaussian drop shadow to a SVG path but for some reason this doesn't seem to work that great in Chrome, instead of adding the shadow to only the graphic the shadow is being added to the actual container? This views perfectly in ff?
How to make this work correctly?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
Firefox 渲染阴影但截断图像（在您的示例中）
Chrome、Safari、Opera - 无阴影
我自己一直想知道为什么会出现这些差异...
但是我发现 Opera 可以很好地渲染阴影 - 对于从 Illustrator CS5 导出的 SVG - 尽管 Safari、Chrome 和 Firefox 不会...
我猜 SVG 成为主要的 Web 图形文件类型还为时过早（备受期待）
但对所有的差异感到遗憾……Chrome 是我发现的 SVG 动画最流畅的
Firefox renders the shadow but truncates the image (on your example)
Chrome, Safari, Opera - no shadow
been wondering why all the differences myself...
BUT I've found Opera renders shadows fine - for SVGs exported from Illustrator CS5 - although Safari, Chrome and Firefox won't...
Guess it's early days for SVGs to become the staple web graphic file type (much anticipated)
Sad about all the differences though ... Chrome is the smoothest for SVG animation I've found