SVGPointList: replaceItem() Methode
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 replaceItem() Methode der SVGPointList Schnittstelle ersetzt einen DOMPoint in der Liste.
Syntax
js
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 an Index 1 (das zweite Element in der Liste).
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
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 |