SVGPointList
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.
Das SVGPointList-Interface repräsentiert eine Liste von SVGPoint-Objekten.
Eine SVGPointList kann als schreibgeschützt bezeichnet werden, was bedeutet, dass Versuche, das Objekt zu ändern, zu einem Auslösen 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 einzelnen Wert zur Liste hinzu.
SVGPointList.getItem()-
Holt ein Element aus der Liste an einer angegebenen Position.
SVGPointList.insertItemBefore()-
Fügt ein Element an einer bestimmten 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 |