Code formatieren / MULTIVERTO

SVG formatieren

Rücken Sie einen einfachen SVG-Elementbaum ein.

Sofort umrechnenIhre Eingabe bleibt im Browser. Text wird für die Umrechnung nicht hochgeladen.
Die Datei bleibt in Ihrem Browser.
Werkzeuge verketten

Jedes Textwerkzeug auf das vorherige Ergebnis anwenden.

01 / Anleitung

So funktioniert es

Einrückung und Zeilenumbrüche zeigen die Struktur; unterstützte Eingabeelemente bleiben erhalten.

Gut zu wissen

Prüfen Sie bei komplexer Syntax oder Produktionsdateien die Ausgabe in der Zielanwendung und mit einem spezialisierten Werkzeug.

02 / Beispiel

Beispiel

Ihre Eingabe<svg xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="20"/></svg>
Ergebnis<svg xmlns="http://www.w3.org/2000/svg"> <circle cx="25" cy="25" r="20"/> </svg>

03 / Anleitung

SVG formatieren — So funktioniert es

Was dieses Werkzeug ändert

Rücken Sie einen einfachen SVG-Elementbaum ein. Einrückung und Zeilenumbrüche zeigen die Struktur; unterstützte Eingabeelemente bleiben erhalten. Einrückung zeigt die Gruppen eines SVG und erleichtert manuelle Bearbeitung. Geometrie, Koordinaten, Füllungen und Transformationen bleiben erhalten. Die Ausgabe vereinfacht keine Pfade und verkleinert eine Vektorgrafik nicht aggressiv.

Das Format verstehen

SVG ist ein XML-Vokabular für Vektorgrafik. Elemente beschreiben Geometrie, Text, Farbe, Transformationen und wiederverwendbare Definitionen; Attribute bestimmen die Zeichnung. Ein formatiertes SVG zeigt verschachtelte Gruppen und Formen besser, eine kompakte Fassung reduziert Leerraum zwischen reinen Elementknoten. Keine der beiden Funktionen ändert Pfadkoordinaten, vereinfacht Geometrie oder entfernt ungenutzte Definitionen. Ein vollständiger Grafikoptimierer trifft zusätzliche Entscheidungen anhand der Darstellung. Der Editor verlangt ein einfaches wohlgeformtes svg-Wurzelelement und lehnt Deklarationen, Kommentare und CDATA ab. Rendern Sie die Ausgabe in mehreren Größen und prüfen Sie Text, viewBox und Referenzen.

Ein verlässlicher Ablauf

Formatieren hilft vor allem bei Prüfung und Fehlersuche, weil Einrückungen eine fehlende Verschachtelung oder ein unerwartetes Nebenelement sichtbar machen. Fügen Sie ein vollständiges, repräsentatives Fragment ein und formatieren Sie es einmal. Lesen Sie die Ausgabe von außen nach innen und achten Sie auf Anfang und Ende jedes Elements, Blocks oder jeder Klausel. Diese Seite ersetzt keinen Compiler für sämtliche Spracherweiterungen; fortgeschrittene Konstruktionen können abgewiesen werden. Prüfen Sie nach dem Kopieren mit dem üblichen Validator oder den Tests des Zielprojekts. Bevor Sie den formatierten Text speichern, betrachten Sie den Unterschied zur Quelle, damit Layoutänderungen keine unbeabsichtigte Änderung an Literalen oder Datenwerten verdecken.

Das Ergebnis prüfen

Bewahren Sie die Quelle neben der Ausgabe auf und prüfen Sie zuerst ein kleines bekanntes Beispiel, bevor Sie ein großes Dokument bearbeiten. Vergleichen Sie den sachlichen Inhalt, nicht bloß Dateigröße oder Zeilenzahl. Kontrollieren Sie Namen, zitierte Zeichenketten, Nicht-ASCII-Zeichen, Zeilenenden und wiederholte Felder nach der Umwandlung. Eine lesbare Ausgabe validiert kein Schema, belegt keine Ausführbarkeit von Code und macht Daten nicht automatisch veröffentlichbar. Diese Seite verarbeitet Text im Browser und zeigt die Ausgabe als Text; beim Einfügen gelten jedoch die Regeln der Zielanwendung. Wird eine Eingabe abgewiesen, suchen Sie die nicht unterstützte Konstruktion und verwenden Sie gegebenenfalls einen spezialisierten Parser.

So wird die Eingabe umgewandelt
SVG — Eingabe
Struktur lesen und umwandeln
SVG — Ergebnis