SVGPointList
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Die SVGPointList
-Schnittstelle repräsentiert eine Liste von SVGPoint
-Objekten.
Eine SVGPointList
kann als schreibgeschützt definiert werden, was bedeutet, dass Versuche, das Objekt zu ändern, eine Ausnahme auslösen.
Instanzeigenschaften
SVGPointList.length
Schreibgeschützt-
Gibt die Anzahl der Punkte in der Liste zurück.
SVGPointList.numberOfItems
Schreibgeschützt-
Gibt die Anzahl der Punkte in der Liste zurück.
Instanzmethoden
SVGPointList.clear()
-
Entfernt alle Elemente in der Liste.
SVGPointList.initialize()
-
Entfernt zuerst alle Elemente in der Liste und fügt dann einen einzelnen Wert zur Liste hinzu.
SVGPointList.getItem()
-
Ruft ein Element in der Liste an einer angegebenen Position ab.
SVGPointList.insertItemBefore()
-
Fügt ein Element an einer angegebenen Position in die Liste ein.
SVGPointList.replaceItem()
-
Ersetzt ein Element in der Liste durch ein neues Element.
SVGPointList.removeItem()
-
Entfernt ein Element aus der Liste.
SVGPointList.appendItem()
-
Fügt ein Element am Ende der Liste hinzu.
Beispiele
Das folgende Beispiel zeigt ein SVG, das ein <polyline>
mit fünf Koordinatenpaaren enthält. Die points
-Eigenschaft gibt eine SVGPointList
zurück.
<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>
let example = document.getElementById("example");
console.log(example.points); //an SVGPointList
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # InterfaceSVGPointList |
Browser-Kompatibilität
BCD tables only load in the browser