SVGPathElement: getPathSegmentAtLength() Methode
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die getPathSegmentAtLength() Methode des SVGPathElement Interfaces gibt das Pfadsegment an einer bestimmten Entfernung entlang des Pfades zurück.
Syntax
getPathSegmentAtLength(distance)
Parameter
distance-
Eine Zahl, die die Entfernung entlang des Pfades angibt.
Rückgabewert
Ein Pfadsegment-Objekt. Wenn kein gültiges Segment existiert, wird null zurückgegeben.
Das Segment-Objekt hat folgende Eigenschaften:
type-
Ein Path-Befehle.
values-
Ein Array oder Wert, der die Parameter für den entsprechenden Befehl enthält.
Beispiele
Pfadsegment abrufen
Betrachten Sie das folgende <path>-Element, das ein Quadrat zeichnet:
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64">
<path d="M0,0 h64 v64 h-64 z" />
</svg>
Die getPathSegmentAtLength() Methode wird ein Objekt zurückgeben, das das v64 Segment darstellt, das 65px entlang des Pfades liegt:
const path = document.querySelector("path");
console.log(path.getPathSegmentAtLength(65));
// Output: path segment
// {
// type: "v",
// values: [64]
// }
Spezifikationen
| Specification |
|---|
| SVG Paths # __svg__SVGPathElement__getPathSegmentAtLength |