SVGPathElement

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.

* Some parts of this feature may have varying levels of support.

Das SVGPathElement-Interface entspricht dem <path>-Element.

Hinweis: In SVG 2 wurden die Methoden getPathSegAtLength() und createSVGPathSeg* entfernt, und die Eigenschaft pathLength sowie die Methoden getTotalLength() und getPointAtLength() wurden zu SVGGeometryElement verschoben.

Instanz-Eigenschaften

Dieses Interface erbt Eigenschaften von seinem Elternteil, SVGGeometryElement.

SVGPathElement.pathLength Schreibgeschützt: Diese Eigenschaft spiegelt das pathLength-Attribut wider.

Instanz-Methoden

Dieses Interface erbt auch Methoden von seinem Elternteil, SVGGeometryElement.

SVGPathElement.getPathData() Experimentell: Gibt die Sequenz von Pfadsegmenten zurück, die den Pfaddaten entsprechen. Dabei können die Werte und Segmenttypen optional normalisiert werden.
SVGPathElement.getPointAtLength(): Gibt den Punkt an einer bestimmten Entfernung entlang des Pfades zurück.
SVGPathElement.getTotalLength(): Gibt den vom Benutzeragenten berechneten Wert für die Gesamtlänge des Pfads in Benutzereinheiten zurück.
SVGPathElement.setPathData() Experimentell: Setzt die Sequenz von Pfadsegmenten als neue Pfaddaten.

Veraltete Methoden

SVGPathElement.getPathSegAtLength() Veraltet: Gibt einen unsigned long zurück, der den Index innerhalb der pathSegList unter Verwendung des Distance-along-a-path-Algorithmus des Benutzeragenten darstellt.
SVGPathElement.createSVGPathSegClosePath() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegClosePath-Objekt zurück.
SVGPathElement.createSVGPathSegMovetoAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegMovetoAbs-Objekt zurück.
SVGPathElement.createSVGPathSegMovetoRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegMovetoRel-Objekt zurück.
SVGPathElement.createSVGPathSegLinetoAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegLinetoAbs-Objekt zurück.
SVGPathElement.createSVGPathSegLinetoRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegLinetoRel-Objekt zurück.
SVGPathElement.createSVGPathSegCurvetoCubicAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegCurvetoCubicAbs-Objekt zurück.
SVGPathElement.createSVGPathSegCurvetoCubicRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegCurvetoCubicRel-Objekt zurück.
SVGPathElement.createSVGPathSegCurvetoQuadraticAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegCurvetoQuadraticAbs-Objekt zurück.
SVGPathElement.createSVGPathSegCurvetoQuadraticRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegCurvetoQuadraticRel-Objekt zurück.
SVGPathElement.createSVGPathSegArcAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegArcAbs-Objekt zurück.
SVGPathElement.createSVGPathSegArcRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegArcRel-Objekt zurück.
SVGPathElement.createSVGPathSegLinetoHorizontalAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegLinetoHorizontalAbs-Objekt zurück.
SVGPathElement.createSVGPathSegLinetoHorizontalRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegLinetoHorizontalRel-Objekt zurück.
SVGPathElement.createSVGPathSegLinetoVerticalAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegLinetoVerticalAbs-Objekt zurück.
SVGPathElement.createSVGPathSegLinetoVerticalRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegLinetoVerticalRel-Objekt zurück.
SVGPathElement.createSVGPathSegCurvetoCubicSmoothAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegCurvetoCubicSmoothAbs-Objekt zurück.
SVGPathElement.createSVGPathSegCurvetoCubicSmoothRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegCurvetoCubicSmoothRel-Objekt zurück.
SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothAbs() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegCurvetoQuadraticSmoothAbs-Objekt zurück.
SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothRel() Veraltet: Gibt ein eigenständiges, elternloses SVGPathSegCurvetoQuadraticSmoothRel-Objekt zurück.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # InterfaceSVGPathElement

Browser-Kompatibilität

Siehe auch

<path> SVG-Element