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 January 2020.
The replaceItem()
method of the SVGPointList
interface replaces a point
in the list.
Syntax
js
replaceItem(obj, index)
Parameters
Return value
The new SVGPoint
object.
Exceptions
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.
Examples
The following example shows an SVG which contains a <polyline>
with five coordinate pairs. A new SVGPoint
is created, then replaces the point at index 1
(the second item in the list).
html
<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>
js
let example = document.getElementById("example");
let svgPoint = document.getElementById("svg").createSVGPoint();
svgPoint.y = 10;
svgPoint.x = 10;
console.log(example.points.replaceItem(svgPoint, 1));
Specifications
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__replaceItem |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
replaceItem |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.