Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

SVGPathElement

Baseline Weitgehend verfügbar *

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

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

EventTarget Node Element SVGElement SVGGraphicsElement SVGGeometryElement SVGPathElement

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

Instanz-Eigenschaften

Dieses Interface erbt Eigenschaften von seinem Eltern-Interface, SVGGeometryElement.

SVGPathElement.pathLength Schreibgeschützt

Diese Eigenschaft spiegelt das pathLength-Attribut wider.

Instanz-Methoden

Dieses Interface erbt auch Methoden von seinem Eltern-Interface, SVGGeometryElement.

SVGPathElement.getPathData()

Gibt die Sequenz von Pfadsegmenten zurück, die den Pfaddaten entsprechen, und normalisiert dabei optional die Werte und Segmenttypen.

SVGPathElement.getPointAtLength()

Gibt den Punkt an einer bestimmten Distanz entlang des Pfades zurück.

SVGPathElement.getTotalLength()

Gibt den vom Benutzeragenten berechneten Wert für die Gesamtlänge des Pfades in Benutzereinheiten zurück.

SVGPathElement.setPathData()

Setzt die Sequenz von Pfadsegmenten als neue Pfaddaten.

SVGPathElement.getPathSegmentAtLength()

Gibt das Segment an einer bestimmten Distanz entlang des Pfades zurück.

Veraltete Methoden

SVGPathElement.getPathSegAtLength()

Gibt einen unsigned long zurück, der den Index innerhalb der pathSegList unter Verwendung des Distanz-Entlang-eines-Pfades-Algorithmus des Benutzeragenten darstellt.

SVGPathElement.createSVGPathSegClosePath()

Gibt ein eigenständiges, elternloses SVGPathSegClosePath-Objekt zurück.

SVGPathElement.createSVGPathSegMovetoAbs()

Gibt ein eigenständiges, elternloses SVGPathSegMovetoAbs-Objekt zurück.

SVGPathElement.createSVGPathSegMovetoRel()

Gibt ein eigenständiges, elternloses SVGPathSegMovetoRel-Objekt zurück.

SVGPathElement.createSVGPathSegLinetoAbs()

Gibt ein eigenständiges, elternloses SVGPathSegLinetoAbs-Objekt zurück.

SVGPathElement.createSVGPathSegLinetoRel()

Gibt ein eigenständiges, elternloses SVGPathSegLinetoRel-Objekt zurück.

SVGPathElement.createSVGPathSegCurvetoCubicAbs()

Gibt ein eigenständiges, elternloses SVGPathSegCurvetoCubicAbs-Objekt zurück.

SVGPathElement.createSVGPathSegCurvetoCubicRel()

Gibt ein eigenständiges, elternloses SVGPathSegCurvetoCubicRel-Objekt zurück.

SVGPathElement.createSVGPathSegCurvetoQuadraticAbs()

Gibt ein eigenständiges, elternloses SVGPathSegCurvetoQuadraticAbs-Objekt zurück.

SVGPathElement.createSVGPathSegCurvetoQuadraticRel()

Gibt ein eigenständiges, elternloses SVGPathSegCurvetoQuadraticRel-Objekt zurück.

SVGPathElement.createSVGPathSegArcAbs()

Gibt ein eigenständiges, elternloses SVGPathSegArcAbs-Objekt zurück.

SVGPathElement.createSVGPathSegArcRel()

Gibt ein eigenständiges, elternloses SVGPathSegArcRel-Objekt zurück.

SVGPathElement.createSVGPathSegLinetoHorizontalAbs()

Gibt ein eigenständiges, elternloses SVGPathSegLinetoHorizontalAbs-Objekt zurück.

SVGPathElement.createSVGPathSegLinetoHorizontalRel()

Gibt ein eigenständiges, elternloses SVGPathSegLinetoHorizontalRel-Objekt zurück.

SVGPathElement.createSVGPathSegLinetoVerticalAbs()

Gibt ein eigenständiges, elternloses SVGPathSegLinetoVerticalAbs-Objekt zurück.

SVGPathElement.createSVGPathSegLinetoVerticalRel()

Gibt ein eigenständiges, elternloses SVGPathSegLinetoVerticalRel-Objekt zurück.

SVGPathElement.createSVGPathSegCurvetoCubicSmoothAbs()

Gibt ein eigenständiges, elternloses SVGPathSegCurvetoCubicSmoothAbs-Objekt zurück.

SVGPathElement.createSVGPathSegCurvetoCubicSmoothRel()

Gibt ein eigenständiges, elternloses SVGPathSegCurvetoCubicSmoothRel-Objekt zurück.

SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothAbs()

Gibt ein eigenständiges, elternloses SVGPathSegCurvetoQuadraticSmoothAbs-Objekt zurück.

SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothRel()

Gibt ein eigenständiges, elternloses SVGPathSegCurvetoQuadraticSmoothRel-Objekt zurück.

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2
# InterfaceSVGPathElement

Browser-Kompatibilität

Siehe auch