SVGAnimatedNumberList: свойство baseVal
Базовая Широко распространена
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.
baseVal свойство интерфейса 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;
// Modify the base value
points.baseVal = [10, 15, 25, 30];
// Verify the reflected attribute value
console.log(rect.getAttribute("points")); // Output: "10,15 25,30"
Спецификации
Совместимость браузеров
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
baseVal |
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/baseVal
