SVGPointList: метод initialize()

Метод initialize() интерфейса SVGPointList очищает список, а затем добавляет в него единственный новый объект SVGPoint.

obj

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

Добавленный объект SVGPoint.

NoModificationAllowedError DOMException

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

Следующий пример демонстрирует SVG, содержащий <polyline> с пятью парами координат. Возвращаемое значение SVGPointList.length равно 5. После вызова initialize(), возвращаемое значение SVGPointList.length равно 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");
console.log(example.points.length); //5;
let svgPoint = document.getElementById("svg").createSVGPoint();
example.points.initialize(svgPoint);
console.log(example.points.length); //1