SVGPointList: replaceItem() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

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.

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.

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>

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

Specification
Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__replaceItem

Browser-Kompatibilität

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden