SVGAnimatedTransformList.baseVal プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

baseVal は SVGAnimatedTransformList インターフェイスの読み取り専用プロパティで、 SVG 要素の transform 属性のアニメーション前の値を表します。

このプロパティは、SVG 要素の transform 属性、 <linearGradient> または <radialGradient> 要素の gradientTransform 属性、 <pattern> 要素の patternTransform 属性の値を、読み取り専用の SVGTransformList として反映し、 SVG 要素に設定されたアニメーション中の各座標変換関数に対して静的な SVGTransform にアクセスできるように指定します。

値

SVGTransformList オブジェクトで、 transform 属性の現在のアニメーション前の値を表します。

例

// 長方形の要素を取得
const rect = document.querySelector("rect");

// 要素のアニメーション前の座標変換リストにアクセス
const baseTransforms = rect.transform.baseVal;

// 座標変換の基底値をコンソールにログ出力
console.dir(baseTransforms);