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 Nur lesbar: Gibt die Anzahl der Punkte in der Liste zurück.
SVGPointList.numberOfItems Nur lesbar: 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.

html

<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