Entwickler-Werkzeug / 19
SVG-Pfadbefehle Visualisierer & Inspektor
Analysiere SVG‑Pfaddaten (d‑Attribut): in Token, Befehlsparameter und visuelle Darstellungen zerlegt.
SVG-Pfadbefehle Visualisierer & Inspektor: TOEA zerlegt die Pfadbefehle (M, L, C, Q, A, Z) in Token und rendert eine interaktive SVG‑Vorschau. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.
- Kategorie
- Entwicklerwerkzeuge
- Ausführungen
- In deinem Browser
- Kosten
- Kostenlos · ohne Anmeldung
- Verfügbarkeit
- Einsatzbereit
Pfadbefehle (4 Tokens)
Befehle lesen
Befehle in Großbuchstaben verwenden absolute Koordinaten, Befehle in Kleinbuchstaben bewegen sich relativ zum aktuellen Punkt. Jeder Befehl erwartet eine feste Anzahl von Werten: H und V einen, M, L und T zwei, S und Q vier, C sechs, A sieben und Z keinen. Zusätzliche Werte wiederholen den Befehl, und zusätzliche Paare nach M werden als L behandelt. Die sieben Werte eines Bogens sind die beiden Radien, die Drehung, zwei Flags für die Wahl des großen oder kleinen Bogens und seiner Richtung sowie der Endpunkt.
Vorschaugröße und kompakte Zahlen
Die Vorschau zeigt einen Bereich von 200 × 200 Einheiten ab dem Ursprung. Ein Symbol auf einem Raster mit 24 Einheiten erscheint oben links klein, und Pfade aus einem Symbolsatz mit 512 Einheiten laufen über den Rand hinaus. Das liegt an der Zeichenfläche, nicht am Pfad.
Optimierer entfernen oft Trennzeichen und schreiben M10-5 oder .5.5 für zwei Zahlen. Die Aufschlüsselung liest sie wie Browser: Ein Minuszeichen oder ein zweiter Dezimalpunkt beginnt eine neue Zahl. Daher steht .5.5 für 0.5 und 0.5. Bogen-Flags sind einzelne Ziffern. In a5 5 0 015 5 sind die Flags daher 0 und 1, und der Endpunkt ist 5 5. Wenn du die Form ändern statt sie nur zu lesen möchtest, öffne sie im SVG-Editor.
So benutzt du es
- Füge SVG‑Pfaddaten ein (z. B. M10 10 L90 90 Z).
- Untersuche Befehls‑Token und Beschreibungen.
- Sieh dir die gerenderte Vektorpfad‑Vorschau an.
Datenschutz & Einschränkungen
Die Verarbeitung erfolgt zu 100 % im Browser, ohne Datenspeicherung.
Ähnliche Tools
Häufige Fragen
Welche SVG‑Pfadbefehle werden analysiert?
Unterstützt MoveTo, LineTo, kubische Bézierkurve, quadratische Bézierkurve, elliptischen Bogen und ClosePath (absolut und relativ).
Kostenloses Tool · läuft in deinem browser · kein Konto nötig