The initialize()
method of the SVGPointList
interface clears the list then adds a single new SVGPoint
object to the list.
SVGPointList.initialize()
Syntax
initialize(obj)
Parameters
-
obj
-
An
SVGPoint
object containing the coordinates of the point to be added when the list is initialized.
Return value
The added SVGPoint
object.
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. Returning SVGPointList.length
gives the value 5
. After calling initialize()
, returning SVGPointList.length
gives the value 1
.
<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"); console.log(example.points.length) //5; let svgpoint = document.getElementById("svg").createSVGPoint(); example.points.initialize(svgpoint); console.log(example.points.length); //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 | |
initialize |
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/initialize