stdDeviation
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Thuộc tính stdDeviation xác định độ lệch chuẩn cho thao tác làm mờ.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ví dụ
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>
Ghi chú sử dụng
| Giá trị |
<number-optional-number>
|
|---|---|
| Giá trị mặc định | 0 |
| Có thể animate | Có |
<number-optional-number>-
Nếu cung cấp hai số, số thứ nhất biểu thị giá trị độ lệch chuẩn theo trục x. Giá trị thứ hai biểu thị độ lệch chuẩn theo trục y. Nếu chỉ cung cấp một số, thì giá trị đó được dùng cho cả X và Y.
Giá trị âm bị cấm. Giá trị bằng 0 sẽ vô hiệu hóa hiệu ứng của bộ lọc nguyên thủy đã cho, tức là kết quả sẽ là ảnh đầu vào của bộ lọc. Nếu
stdDeviationbằng 0 chỉ ở một trong hai trục X hoặc Y, thì hiệu ứng là độ mờ chỉ được áp dụng theo hướng có giá trị khác 0.
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Filter Effects Module Level 1 # element-attrdef-fegaussianblur-stddeviation |