The appendItem()
method of the SVGPointList
interface adds a point
to the end of the list.
SVGPointList.appendItem()
Syntax
appendItem(obj)
-
obj
-
An
SVGPoint
object containing the coordinates of the point to be appended.
Return value
The SVGPoint
object that was appended.
Exceptions
-
DOMException
NoModificationAllowedError
-
Thrown if the list is read-only.
Examples
The following example shows an SVG which contains a <polyline>
with five coordinate pairs. A new SVGPoint
is created, and appended to 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.appendItem(svgpoint));
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 | |
appendItem |
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/appendItem