result
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" filter="url(#displacementFilter)" />
</svg>
用法說明
| 值 | <filter-primitive-reference> |
|---|---|
| 預設值 | None |
| 可動畫的 | 是 |
<filter-primitive-reference>-
該值是一個
<custom-ident>,用於定義濾鏡圖元的名稱。它僅在給定的<filter>元素內有意義,因此具有區域性作用域。同一個<filter-primitive-reference>可以在同一個<filter>元素內出現多次。在引用時,該值將使用具有給定結果的最近一個前面的濾鏡圖元。
規範
| 規範 |
|---|
| 濾鏡效果模組第 1 級 # element-attrdef-filter-primitive-result |