SVGPointList: appendItem() 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.
The appendItem() method of the SVGPointList interface adds a DOMPoint to the end of the list.
Syntax
js
appendItem(obj)
Parameters
Return value
The DOMPoint object that was appended.
Exceptions
NoModificationAllowedErrorDOMException-
Thrown if the list is read-only.
Examples
The following example shows an SVG which contains a <polyline> with five coordinate pairs. A new DOMPoint is created, and appended to 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
const example = document.getElementById("example");
const point = document.getElementById("svg").createSVGPoint();
point.y = 10;
point.x = 10;
console.log(example.points.appendItem(point));
Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__appendItem |