示例
html
<svg viewBox="0 0 480 200" xmlns="http://www.w3.org/2000/svg"> <filter id="gaussianBlur1"> <feGaussianBlur stdDeviation="1" /> </filter> <filter id="gaussianBlur2"> <feGaussianBlur stdDeviation="5" /> </filter> <filter id="gaussianBlur3" x="-30%" y="-30%" width="160%" height="160%"> <feGaussianBlur stdDeviation="10" /> </filter> <circle cx="100" cy="100" r="50" style="filter: url(#gaussianBlur1);" /> <circle cx="100" cy="100" r="50" style="filter: url(#gaussianBlur2); transform: translateX(140px);" /> <circle cx="100" cy="100" r="50" style="filter: url(#gaussianBlur3); transform: translateX(280px);" /> </svg> 使用说明
| 值 | <number-optional-number> |
|---|---|
| 默认值 | 0 |
| 可变性 | 是 |
<number-optional-number>-
如果列出两个数值，第一个数字表示沿着 x 轴的标准差值。第二个值表示沿着 y 轴的标准差值。如果只提供了一个数字，那个值就表示在 x 轴和 y 轴上有着相同的标准差。
负值是不允许的。设为零即禁用了已有滤镜的原本效果（比如，结果是滤镜输入图像）。如果
stdDeviation在 x 轴和 y 轴上只有一个为 0，那么模糊效果就只会应用于非 0 的那个方向。
规范
| Specification |
|---|
| Filter Effects Module Level 1 # element-attrdef-fegaussianblur-stddeviation |
浏览器兼容性
svg.elements.feDropShadow.stdDeviation
Loading…
svg.elements.feGaussianBlur.stdDeviation
Loading…