SVGAnimatedInteger: свойство animVal
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает во многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.
Свойство animVal интерфейса SVGAnimatedInteger представляет собой анимированное значение целого числа. Если анимация не применяется, animVal равно baseVal.
Некоторые атрибуты, такие как атрибут numOctaves элемента feTurbulence или атрибут order элемента feConvolveMatrix, принимают целое число в качестве значения. Это свойство предоставляет доступ к текущему анимированному состоянию атрибута в виде числа.
Значение
Целое число; анимированное значение атрибута.
Примеры
const feTurbulence = document.querySelector("feTurbulence");
// Set the animatable 'numOctaves' attribute
feTurbulence.setAttribute("numOctaves", "4");
// Access the SVGAnimatedInteger object
const animatedInteger = feTurbulence.numOctaves;
// Get the animated value (read-only)
console.log(animatedInteger.animVal); // Output: 4 (the current animated value)
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
animVal |
6 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGAnimatedInteger/animVal
