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 Schreibgeschützt

Gibt die Anzahl der Punkte in der Liste zurück.

SVGPointList.numberOfItems Schreibgeschü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.

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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGPointList
appendItem
clear
getItem
initialize
insertItemBefore
length
numberOfItems
removeItem
replaceItem

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support