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.
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.pathLengthSchreibgeschü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
pathSegListunter 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
<path>SVG-Element