SVGAnimatedAngle: baseVal プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
baseVal は SVGAnimatedAngle インターフェイスの読み取り専用プロパティで、 SVG 要素に関連付けられた <angle> の（アニメーションしていない）基底値を表します。このプロパティは、実行中のアニメーションに影響されない <angle> の静的な値を取得するために使用します。
このプロパティは、SVG の <marker> 要素の orient 属性における <angle> 値を反映します。これは、 SVGMarkerElement.orientAngle プロパティと同じです。
値
SVGAngle オブジェクトで、 <angle> コンテンツ型の基底値を表します。
- この値はアニメーションの影響を受けず、角度の初期状態を表します。
- 角度の単位は
SVGAngle.unitTypeから受け取ることができます。
例
js
const marker = document.querySelector("[orient]");
// orient 属性に角度を設定
marker.setAttribute("orient", "90");
const baseAngle = marker.orientAngle.baseVal; // SVGAngle オブジェクト
console.log(baseAngle.value); // 出力: 90
console.log(baseAngle.unitType); // 出力: 1 （SVG_ANGLETYPE_UNSPECIFIED の定数）
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedAngle__baseVal |