示例
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="emboss1" x="0" y="0" width="100%" height="100%">
<feTurbulence baseFrequency="0.025" seed="0" />
<feConvolveMatrix kernelMatrix="3 0 0 -4" order="2" />
</filter>
<filter id="emboss2" x="0" y="0" width="100%" height="100%">
<feTurbulence baseFrequency="0.025" seed="0" />
<feConvolveMatrix kernelMatrix="3 0 0 0 0 0 0 0 -4" order="3" />
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#emboss1)" />
<rect x="220" y="0" width="200" height="200" filter="url(#emboss2)" />
</svg>
用法說明
| 值 |
<number-optional-number>
|
|---|---|
| 預設值 | 3 |
| 可動畫的 | 是 |
<number-optional-number>-
此值指示卷積核矩陣每個維度的單元數。提供的值必須是大於零的
<integer>。非整數值將被截斷，即四捨五入到最接近零的整數值。第一個數字表示矩陣的列數。第二個數字表示矩陣的行數。如果未提供第二個數字，則預設為第一個數字。建議僅使用較小的值（例如 3）；較高的值可能會導致 CPU 開銷非常大，並且通常不會產生能夠證明對效能影響合理的結果。
規範
| 規範 |
|---|
| 濾鏡效果模組第 1 級 # element-attrdef-order |
瀏覽器相容性
載入中…