SVGPointList: replaceItem() Methode

Die replaceItem() Methode der SVGPointList Schnittstelle ersetzt einen DOMPoint in der Liste.

Syntax

replaceItem(obj, index)

Parameter

obj

Ein DOMPoint-Objekt, das die Koordinaten des einzufügenden Punkts enthält.

index

Der Index des zu ersetzenden Elements.

Rückgabewert

Das neue DOMPoint-Objekt.

Ausnahmen

NoModificationAllowedError DOMException

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

IndexSizeError DOMException

Wird ausgelöst, wenn der übergebene Index größer ist als die Anzahl der Elemente in der Liste.

Beispiele

Das folgende Beispiel zeigt ein SVG, das ein <polyline> mit fünf Koordinatenpaaren enthält. Ein neuer DOMPoint wird erstellt und ersetzt dann den Punkt an Index 1 (das zweite Element in der Liste).

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

const example = document.getElementById("example");
const point = document.getElementById("svg").createSVGPoint();
point.y = 10;
point.x = 10;
console.log(example.points.replaceItem(point, 1));

Spezifikationen

Browser-Kompatibilität