SVGPointList: insertItemBefore() Methode

obj

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

index

Der Index des Elements, vor dem das Objekt eingefügt werden soll. Wenn der übergebene Index größer als die Länge der Liste ist, wird der Index auf die Listenlänge gesetzt und das Element wird vor dem letzten Element der Liste eingefügt.

Das eingefügte SVGPoint-Objekt.

NoModificationAllowedError DOMException

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

Das folgende Beispiel zeigt ein SVG, das ein <polyline> mit fünf Koordinatenpaaren enthält. Ein neuer SVGPoint wird erstellt und vor dem Punkt mit dem Index 2 eingefügt.

<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.insertItemBefore(svgPoint, 2));