svg - SVGで「stdDeviation」を使用してガウスぼかし効果を作成するにはどうすればよいですか？

Question

Firefoxのpng画像にガウスぼかしを適用しようとしています。WebKitブラウザーの場合、CSS3フィルタープロパティを使用します。CSSでは2pxのぼかしを使用していますが、「stdDeviation」を使用してSVGで同じ効果を作成するにはどうすればよいですか？ありがとうございました！

Answer 1

<image>filter 属性を使用して、feGaussianBlur フィルターを SVG 要素に適用するだけです。

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