SVGAnimatedNumberList: свойство animVal
Базовая линия Широко используется
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.
Свойство animVal только для чтения интерфейса SVGAnimatedNumberList представляет текущее анимированное значение анимируемого атрибута, который принимает список <number> значений.
Это свойство отражает атрибут viewBox элемента <svg>, атрибут values элемента feColorMatrix и атрибут points элемента <rect>, <polygon> или <polyline> как доступный только для чтения SVGNumberList, предоставляя доступ к динамически обновляемому списку точек, определённых атрибутом points.
Значение
Объект SVGNumberList, представляющий анимированное значение атрибута. Список содержит одно или несколько чисел, соответствующих отдельным числовым значениям, указанным в атрибуте.
Примеры
const rect = document.querySelector("rect");
// Set the animatable 'points' attribute with number values
rect.setAttribute("points", "10,10 20,10 20,20 10,20");
// Access the SVGAnimatedNumberList object
const points = rect.points;
console.dir(points.animVal); // the animated state
Спецификации
Совместимость браузеров
| Рабочие столы | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 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/SVGAnimatedNumberList/animVal
