The replaceItem()
method of the SVGPointList
interface replaces a point
in the list.
SVGPointList.replaceItem()
Syntax
replaceItem(obj, index)
Parameters
-
obj
-
An
point
object containing the coordinates of the point to be inserted. -
index
-
The index of the item to replace.
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).
<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"/>
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
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
replaceItem |
1
|
12
|
1.5
|
9
|
≤12.1
|
3
|
3
|
18
|
4
|
≤12.1
|
1
|
1.0
|
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGPointList/replaceItem