<path>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

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

Beispiel

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>

Attribute

d

Dieses Attribut definiert die Form des Pfades. Werttyp: <string> ; Standardwert: ''; Animierbar: ja

pathLength

Dieses Attribut erlaubt es Autoren, die Gesamtlänge des Pfades in Benutzereinheiten anzugeben. Werttyp: <number> ; Standardwert: none; Animierbar: ja

Nutzungskontext

KategorienGrafikelement, Formelement
Erlaubter InhaltBeliebige Anzahl folgender Elemente, in beliebiger Reihenfolge:
Animationselemente
Beschreibende Elemente

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# PathElement

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch