SVGPointList: Methode replaceItem()
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die Methode replaceItem() des Interfaces SVGPointList ersetzt einen DOMPoint in der Liste.
Die Zuweisung zu einem Index der Liste hat denselben Effekt wie der Aufruf dieser Methode, mit Ausnahme, dass kein Rückgabewert vorhanden ist.
Syntax
replaceItem(obj, index)
Parameter
Rückgabewert
Das neue DOMPoint-Objekt.
Ausnahmen
NoModificationAllowedErrorDOMException-
Wird ausgelöst, wenn die Liste schreibgeschützt ist.
IndexSizeErrorDOMException-
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 am 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
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__replaceItem |