SVGPointList: replaceItem() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

ThereplaceItem() method of theSVGPointList interface replaces aDOMPoint in the list.

Syntax

replaceItem(obj, index)

Parameters

obj: ADOMPoint object containing the coordinates of the point to be inserted.
index: The index of the item to replace.

Return value

The newDOMPoint object.

Exceptions

NoModificationAllowedErrorDOMException: Thrown if the list is read-only.
IndexSizeErrorDOMException: Thrown if the index passed in is greater than the number of items in the list.

Examples

The following example shows an SVG which contains a<polyline> with five coordinate pairs. A newDOMPoint is created, then replaces the point at index1 (the second item in the list).

html

<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">  <polyline       stroke="black"    fill="none"    points="50,0 21,90 98,35 2,35 79,90" /></svg>

const example = document.getElementById("example");const point = document.getElementById("svg").createSVGPoint();point.y = 10;point.x = 10;console.log(example.points.replaceItem(point, 1));