SVGPointList: getItem() 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 getItem() method of the SVGPointList interface gets one item from the list at the specified index.
Syntax
js
getItem(index)
Parameters
index-
The index of the item to return.
Return value
A DOMPoint object.
Exceptions
IndexSizeErrorDOMException-
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. The DOMPoint at index 0.
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");
console.log(example.points.getItem(0));
Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__getItem |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
getItem
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support