SVGPointList: initialize() 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 initialize() method of the SVGPointList interface clears the list then adds a single new DOMPoint object to the list.
Syntax
js
initialize(obj)
Parameters
Return value
The added DOMPoint object.
Exceptions
NoModificationAllowedErrorDOMException-
Thrown if the list is read-only.
Examples
The following example shows an SVG which contains a <polyline> with five coordinate pairs. Returning SVGPointList.length gives the value 5. After calling initialize(), returning SVGPointList.length gives the value 1.
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.length); // 5;
const point = document.getElementById("svg").createSVGPoint();
example.points.initialize(point);
console.log(example.points.length); // 1
Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__initialize |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
initialize
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support