SVGPointList: метод replaceItem()

Метод replaceItem() интерфейса SVGPointList заменяет point в списке.

obj

Объект point, содержащий координаты точки, которую нужно вставить.

index

Индекс элемента, который нужно заменить.

Новый объект SVGPoint.

NoModificationAllowedError DOMException

Выбрасывается, если список является только для чтения.

IndexSizeError DOMException

Выбрасывается, если переданный индекс больше, чем количество элементов в списке.

Следующий пример демонстрирует SVG, который содержит <polyline> с пятью парами координат. Создается новый SVGPoint, затем он заменяет точку с индексом 1 (второй элемент в списке).

<svg id="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");
let svgPoint = document.getElementById("svg").createSVGPoint();
svgPoint.y = 10;
svgPoint.x = 10;
console.log(example.points.replaceItem(svgPoint, 1));