結果
result 屬性定義了此過濾器基元的指定名稱。如果提供,則處理此過濾器基元產生的圖形可以透過相同 <filter> 元素中後續過濾器基元上的 in 屬性進行引用。如果沒有提供值,則只有在下一個過濾器基元未為其 in 屬性提供值的情況下,輸出才可用作隱式輸入到下一個過濾器基元。
您可以將此屬性與以下 SVG 元素一起使用
示例
html
<svg viewBox="0 0 220 220" xmlns="http://www.w3.org/2000/svg">
<filter id="displacementFilter">
<feTurbulence
type="turbulence"
baseFrequency="0.05"
numOctaves="2"
result="turbulence" />
<feDisplacementMap
in2="turbulence"
in="SourceGraphic"
scale="50"
xChannelSelector="R"
yChannelSelector="G" />
</filter>
<circle cx="100" cy="100" r="100" style="filter: url(#displacementFilter)" />
</svg>
使用說明
| 值 | <filter-primitive-reference> |
|---|---|
| 預設值 | 無 |
| 可動畫 | 是 |
<filter-primitive-reference>-
此值是
<custom-ident>,它定義了過濾器基元的名稱。它只在給定的<filter>元素內有意義,因此它只有區域性作用域。相同的<filter-primitive-reference>在同一個<filter>元素中多次出現是合法的。引用時,此值將使用具有給定結果的最近一個前置過濾器基元。
規範
| 規範 |
|---|
| 過濾器效果模組級別 1 # element-attrdef-filter-primitive-result |