SVGPointList
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die SVGPointList-Schnittstelle repräsentiert eine Liste von DOMPoint-Objekten.
Eine SVGPointList kann als schreibgeschützt gekennzeichnet sein, was bedeutet, dass Versuche, das Objekt zu ändern, zu einer Ausnahme führen.
Instanz-Eigenschaften
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.
Instanz-Methoden
SVGPointList.clear()-
Entfernt alle Elemente in der Liste.
SVGPointList.initialize()-
Entfernt zuerst alle Elemente in der Liste und fügt dann einen einzigen Wert zur Liste hinzu.
SVGPointList.getItem()-
Ruft ein Element aus 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 eine <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>
const example = document.getElementById("example");
console.log(example.points); // An SVGPointList
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # InterfaceSVGPointList |
Browser-Kompatibilität
Loading…