SVGFEDropShadowElement: result プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
result は SVGFEDropShadowElement インターフェイスの読み取り専用プロパティで、SVG フィルタープリミティブの割り当てられた名前の文字列を SVGAnimatedString で表します。
これは、result 属性を反映します。この属性の値は、<custom-ident> です。指定されている場合、このフィルタープリミティブの処理によって生成されたグラフィックは、同じ <filter> 要素内の後続のフィルタープリミティブにおける in 属性によって参照することができます。
result 属性が定義されていない場合、フィルターの result.baseVal および result.animVal は空文字列となり、<feDropShadow> フィルターの出力は、次のフィルタープリミティブが in 属性に値を提供していない場合にのみ、そのプリミティブへの暗黙的な入力として再利用可能となります。
値
例
js
const feDropShadowElement = document.querySelector("feDropShadow");
const filterName = feDropShadowElement.result;
console.log(filterName.baseVal); // フィルターに割り当てられた名前
仕様書
| 仕様書 |
|---|
| Filter Effects Module Level 1> # dom-svgfilterprimitivestandardattributes-result> |
ブラウザーの互換性
関連情報
SVGFEDropShadowElement.in1<custom-ident>データ型- CSS
drop-shadow()関数 - CSS
box-shadowプロパティ - CSS
text-shadowプロパティ - CSS
<blend-mode>データ型 - CSS
mix-blend-modeプロパティ