SVGAnimatedTransformList.baseVal プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。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);