SVGPointList: replaceItem()-Methode

obj

Ein point-Objekt, das die Koordinaten des zu einzufügenden Punktes enthält.

index

Der Index des zu ersetzenden Elements.

Das neue SVGPoint-Objekt.

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.

Das folgende Beispiel zeigt ein SVG, das ein <polyline> mit fünf Koordinatenpaaren enthält. Ein neues SVGPoint 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>

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