Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
SVGPathElement: getPathSegmentAtLength() Methode
Experimentell:Dies ist eineexperimentelle Technologie
Überprüfen Sie dieBrowser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
DiegetPathSegmentAtLength() Methode desSVGPathElement Interfaces gibt das Pfadsegment an einer bestimmten Entfernung entlang des Pfades zurück.
Syntax
getPathSegmentAtLength(distance)Parameter
distanceEine 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:
typeEinPath-Befehle.
valuesEin 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>DiegetPathSegmentAtLength() Methode wird ein Objekt zurückgeben, das dasv64 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 |