標準偏差

stdDeviation 屬性定義了模糊操作的標準差。

你可以將此屬性與以下 SVG 元素一起使用

示例

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" filter="url(#gaussianBlur1)" />
  <circle cx="240" cy="100" r="50" filter="url(#gaussianBlur2)" />
  <circle cx="380" cy="100" r="50" filter="url(#gaussianBlur3)" />
</svg>

用法說明

<number-optional-number>
預設值 0
可動畫的
<number-optional-number>

如果提供了兩個數字,第一個數字表示 x 軸方向的標準差值。第二個值表示 y 軸方向的標準差。如果只提供一個數字,則該值將同時用於 X 和 Y。

禁止使用負值。值為零將停用給定濾鏡原語的效果(即,結果是濾鏡輸入影像)。如果 stdDeviation 在 X 或 Y 中僅為 0,則效果是模糊僅在具有非零值的方向上應用。

規範

規範
濾鏡效果模組第 1 級
# element-attrdef-fegaussianblur-stddeviation

瀏覽器相容性

svg.elements.feDropShadow.stdDeviation

svg.elements.feGaussianBlur.stdDeviation