SVGAnimatedAngle: animVal プロパティ
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.
animVal は SVGAnimatedAngle インターフェイスの読み取り専用プロパティで、この SVG 要素に関連付けられた <angle> の現在のアニメーション値を表します。 関連付けられた属性が現在アニメーションしていない場合、 animVal は baseVal と同じ値になります。
このプロパティは、 SVG の <marker> 要素のアニメーションする orient 属性の角度の状態を反映し、アニメーション中の角度の値にアクセスできるようにします。
値
SVGAngle オブジェクトで、 <angle> コンテンツ型のアニメーション中の値を表します。
- この角度がアニメーション中であれば、
animValは現在のアニメーション状態を反映します。 - この角度がアニメーション中でなければ、
animValはSVGAnimatedAngle.baseValと等しくなります。
例
js
const marker = document.querySelector("[orient]");
// orient 属性の初期角度を設定
marker.setAttribute("orient", "45");
// Access the animated value of the angle
const animAngle = marker.orientAngle.animVal; // SVGAngle オブジェクト
console.log(animAngle.value); // 出力: 45 （アニメーション中の現在の角度の値）
console.log(animAngle.unitType); // 出力: 2 （SVG_ANGLETYPE_DEG の定数）
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedAngle__animVal |