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.

In diesem Artikel

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:

xml
<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:

js
const path = document.querySelector("path");

console.log(path.getPathSegmentAtLength(65));

// Output: path segment
// {
//   type: "v",
//   values: [64]
// }

Spezifikationen

Spezifikation

SVG Paths
# __svg__SVGPathElement__getPathSegmentAtLength

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden