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>
js
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