このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
SVGAnimatedInteger: animVal プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
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 (アニメーション中の現在の値)
仕様書
| 仕様書 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedInteger__animVal |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。