Baseline Widely available
The replaceItem()
method of the SVGPointList
interface replaces a DOMPoint
in the list.
obj
A DOMPoint
object containing the coordinates of the point to be inserted.
index
The index of the item to replace.
The new DOMPoint
object.
NoModificationAllowedError
DOMException
Thrown if the list is read-only.
IndexSizeError
DOMException
Thrown if the index passed in is greater than the number of items in the list.
The following example shows an SVG which contains a <polyline>
with five coordinate pairs. A new DOMPoint
is created, then replaces the point at index 1
(the second item in the list).
<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>
const example = document.getElementById("example");
const point = document.getElementById("svg").createSVGPoint();
point.y = 10;
point.x = 10;
console.log(example.points.replaceItem(point, 1));
Specifications Browser compatibility
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4