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