SVGPointList: метод insertItemBefore()

Метод insertItemBefore() интерфейса SVGPointList вставляет point перед другим элементом в списке.

obj

Объект SVGPoint, содержащий координаты вставляемой точки.

index

Индекс элемента, перед которым должен быть вставлен объект. Если переданный индекс больше длины списка, он будет установлен в длину списка, а элемент будет вставлен перед последним элементом в списке.

Объект SVGPoint, который был вставлен.

NoModificationAllowedError DOMException

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

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

<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.insertItemBefore(svgPoint, 2));