SVGPointList
Baseline Широко доступно
Данная функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.
Интерфейс SVGPointList представляет собой список объектов SVGPoint.
Объект SVGPointList может быть обозначен как только для чтения, что означает, что попытки изменить объект приведут к выбрасыванию исключения.
Свойства экземпляра
-
SVGPointList.lengthТолько для чтения -
Возвращает количество точек в списке.
-
SVGPointList.numberOfItemsТолько для чтения -
Возвращает количество точек в списке.
Методы экземпляра
SVGPointList.clear()-
Удаляет все элементы из списка.
SVGPointList.initialize()-
Сначала удаляет все элементы из списка, затем добавляет одно значение в список.
SVGPointList.getItem()-
Получает элемент из списка по указанной позиции.
SVGPointList.insertItemBefore()-
Вставляет элемент в список по указанной позиции.
SVGPointList.replaceItem()-
Заменяет элемент в списке новым элементом.
SVGPointList.removeItem()-
Удаляет элемент из списка.
SVGPointList.appendItem()-
Добавляет элемент в конец списка.
Примеры
Следующий пример демонстрирует SVG, содержащий <polyline> с пятью парами координат. Свойство points возвращает SVGPointList.
<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
<polyline
id="example"
stroke="black"
fill="none"
points="50,0 21,90 98,35 2,35 79,90" />
</svg>
let example = document.getElementById("example");
console.log(example.points); //an SVGPointList
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
SVGPointList |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
appendItem |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
clear |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
getItem |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
initialize |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
insertItemBefore |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
length |
35 | 79 | 5 | ≤12.1 | 13.1 | 35 | 5 | ≤12.1 | 13.4 | 3.0 | 37 |
numberOfItems |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
removeItem |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
replaceItem |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 |
© 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/SVGPointList
