このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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>
デフォルト値 なし
アニメーション
<filter-primitive-reference>

この値は <custom-ident> であり、フィルタープリミティブの名前を定義します。これは、指定された <filter> 要素内でのみ意味を持ち、したがってローカルスコープのみを持ちます。同じ <filter-primitive-reference> が、同じ <filter> 要素内に複数回現れることは許容されます。参照された場合、この値は、指定された結果を持つ、直前にある最も近いフィルタープリミティブを使用します。

仕様書

Specification
Filter Effects Module Level 1
# element-attrdef-filter-primitive-result