如何在 SVG 中使用“stdDeviation”创建高斯模糊效果？

【问题标题】：How to create a gaussian blur effect using "stdDeviation" in SVG?如何在 SVG 中使用“stdDeviation”创建高斯模糊效果？
【发布时间】：2012-10-23 23:37:08
【问题描述】：

我正在尝试对 Firefox 中的 png 图像应用高斯模糊。对于 WebKit 浏览器，我使用 CSS3 过滤器属性。在 CSS 中，我使用 2px 模糊，但如何在 SVG 中使用“stdDeviation”创建相同的效果？谢谢！

【问题讨论】：

很像stackoverflow.com/questions/6088409/svg-drop-shadow-using-css3

标签： svg svg-filters

【解决方案1】：

只需使用 filter 属性将 feGaussianBlur 过滤器应用于 SVG <image> 元素。

<defs>
<filter id="Gaussian_Blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>

【讨论】：