<path>

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

{"* "}Some parts of this feature may have varying levels of support.

Das <path> SVG-Element ist das generische Element zur Definition einer Form. Alle grundlegenden Formen können mit einem path-Element erstellt werden.

Nutzungskontext

Kategorien	Grafikelement, Formelement
Erlaubter Inhalt	Beliebige Anzahl folgender Elemente, in beliebiger Reihenfolge: Animationselemente Beschreibende Elemente

Attribute

d: Dieses Attribut definiert die Form des Pfades. Wertetyp: <string>; Standardwert: ''; Animierbar: ja
pathLength: Dieses Attribut ermöglicht es Autoren, die Gesamtlänge des Pfades in Benutzereinheiten anzugeben. Wertetyp: <number>; Standardwert: none; Animierbar: ja

DOM-Schnittstelle

Dieses Element implementiert die Schnittstelle SVGPathElement.

Beispiel

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M 10,30
           A 20,20 0,0,1 50,30
           A 20,20 0,0,1 90,30
           Q 90,60 50,90
           Q 10,60 10,30 z" />
</svg>

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # PathElement

Browser-Kompatibilität

Siehe auch

SVG-Grundformen: <circle>, <ellipse>, <line>, <polygon>, <polyline>, <rect>
Das MDN SVG "Erste Schritte" Tutorial: Pfad

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

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