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.
Please take two minutes to fill out our short survey.
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.lengthSchreibgeschützt-
Gibt die Anzahl der Punkte in der Liste zurück.
SVGPointList.numberOfItemsSchreibgeschü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 |