標準差
示例
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,則效果是僅在具有非零值的方向上應用模糊。
規範
| 規範 |
|---|
| 濾鏡效果模組級別 1 # element-attrdef-fegaussianblur-stddeviation |
瀏覽器相容性
BCD 表僅在啟用 JavaScript 的瀏覽器中載入。