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 July 2015.
baseVal は SVGAnimatedTransformList インターフェイスの読み取り専用プロパティで、 SVG 要素の transform 属性のアニメーション前の値を表します。
このプロパティは、SVG 要素の transform 属性、 <linearGradient> または <radialGradient> 要素の gradientTransform 属性、 <pattern> 要素の patternTransform 属性の値を、読み取り専用の SVGTransformList として反映し、 SVG 要素に設定されたアニメーション中の各座標変換関数に対して静的な SVGTransform にアクセスできるように指定します。
値
SVGTransformList オブジェクトで、 transform 属性の現在のアニメーション前の値を表します。
例
js
// 長方形の要素を取得
const rect = document.querySelector("rect");
// 要素のアニメーション前の座標変換リストにアクセス
const baseTransforms = rect.transform.baseVal;
// 座標変換の基底値をコンソールにログ出力
console.dir(baseTransforms);
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedTransformList__baseVal |