SVGPointList: appendItem() Methode

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 appendItem() Methode der SVGPointList Schnittstelle fügt einen point am Ende der Liste hinzu.

Syntax

js
appendItem(obj)

Parameter

obj

Ein SVGPoint-Objekt, das die Koordinaten des anzufügenden Punktes enthält.

Rückgabewert

Das angefügte SVGPoint-Objekt.

Ausnahmen

NoModificationAllowedError DOMException

Wird ausgelöst, wenn die Liste schreibgeschützt ist.

Beispiele

Das folgende Beispiel zeigt ein SVG, das ein <polyline> mit fünf Koordinatenpaaren enthält. Ein neues SVGPoint wird erstellt und der Liste hinzugefügt.

html
<svg id="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");
let svgPoint = document.getElementById("svg").createSVGPoint();
svgPoint.y = 10;
svgPoint.x = 10;
console.log(example.points.appendItem(svgPoint));

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGNameList__appendItem

Browser-Kompatibilität

BCD tables only load in the browser