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

Question

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

Answer 1

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

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