SVG-Pfad-Editor

Der SVG-Pfad-Editor ermöglicht es, das d-Attribut eines SVG-Pfads zu schreiben und zu verfeinern und die Form live zu sehen. Wenn Sie einen Pfadstring eingeben oder einfügen, wird die Vorschau bei jedem Schritt neu gezeichnet, wobei die Ansicht automatisch um Ihre Koordinaten passt. Sie können Strich- und Füllfarbe sowie Strichstärke einstellen, den fertigen Pfad kopieren und eine eingebaute Referenz aller Pfadbefehle öffnen. Alles läuft im Browser, nichts wird hochgeladen.

1. Geben Sie Ihre Pfaddaten ins Eingabefeld ein oder fügen Sie sie ein 2. Stellen Sie Strichfarbe, Füllfarbe und Strichstärke ein 3. Verfolgen Sie die Echtzeit-Aktualisierung der Vorschau 4. Öffnen Sie die Befehlsreferenz, falls Sie sie brauchen 5. Klicken Sie auf Kopieren, um den fertigen Pfadstring zu übernehmen

Ein Pfad ist eine Folge von Befehlen wie M zum Bewegen, L zum Zeichnen einer Linie und C für Kurven, jeweils mit Koordinaten. Großbuchstaben nutzen absolute Koordinaten und genaue Positionen; Kleinbuchstaben sind relativ zum vorherigen Punkt. Die Ansicht passt sich automatisch anhand der Zahlen in Ihrem Pfad, daher helfen etwas Rand oder eine Prüfung der Koordinaten, falls eine Form beschnitten wirkt. Die Referenzkarte hilft beim genauen Syntax für Bögen, Béziers und weitere Befehle.