SVGPolylineElement: points-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Die points-Eigenschaft der SVGPolylineElement-Schnittstelle ist eine schreibgeschützte Eigenschaft, die den Basiswert (d.h. den statischen Wert) des points-Attributs des Elements widerspiegelt. Änderungen über das SVGPointList-Objekt werden im points-Attribut sowie umgekehrt übernommen.

Wert

Ein SVGPointList-Objekt.

Beispiele

Zugriff auf die `points`-Eigenschaft

html

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200">
  <polyline
    id="myPolyline"
    points="100,10 150,50 100,90 50,50"
    fill="none"
    stroke="blue"
    stroke-width="4" />
</svg>

const polylineElement = document.getElementById("myPolyline");

// Access the points property
console.dir(polylineElement.points); // Output: SVGPointList object containing points (100,10), (150,50), (100,90), (50,50)

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedPoints__points

Browser-Kompatibilität

BCD tables only load in the browser