SVGAnimatedInteger: 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 は SVGAnimatedInteger インターフェイスの読み取り専用プロパティで、この SVG 要素に関連付けられた <integer> のアニメーション中の値を表します。 アニメーションが適用されていない場合、 animVal は baseVal と等しくなります。
<feTurbulence> 要素の numOctaves 属性や、 <feConvolveMatrix> 要素の order 属性のように、 long 型の整数を値として受け入れる属性もあります。このプロパティで、属性の現在のアニメーション中の状態に数値としてアクセスできます。
値
long 型です。属性のアニメーション中の値です。
例
js
const feTurbulence = document.querySelector("feTurbulence");
// アニメーション可能な 'numOctaves' 属性を設定
feTurbulence.setAttribute("numOctaves", "4");
// SVGAnimatedInteger オブジェクトにアクセス
const animatedInteger = feTurbulence.numOctaves;
// アニメーション中の値を取得（読み取り専用）
console.log(animatedInteger.animVal); // 出力: 4 （アニメーション中の現在の値）
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedInteger__animVal |