SVG-Editor

Dieses Tool ist ein Online-SVG-Editor, der sich an Entwickler, Designer und Content-Ersteller richtet, die skalierbare Vektorgrafiken für Web und Apps produzieren. Es akzeptiert Roh-SVG-Code und verwandelt ihn durch ein DOM‑ähnliches Bearbeitungsmodell, das Semantik bewahrt und gleichzeitig Formatierungs- und Optimierungsregeln anwendet. Der Kernwert liegt in der End-to-End-Lifecycle-Unterstützung: Syntax validieren, Attribute normalisieren, Koordinatensysteme anpassen und Assets vorbereiten, die direkt in Produktionspipelines eingesetzt werden können. Durch den Fokus auf Standardkonformität und deterministische Ausgaben reduziert es Abweichungen zwischen Designabsicht und gerenderten Ergebnissen.
Kernlogik & Funktionen: Das Tool parst SVG-Eingaben in ein internes DOM‑ähnliches Modell, validiert XML-Well-Formedness und wendet Transformationsregeln an. Erforderliche Funktionen: SVG-Parsing, Syntax-Validierung, Output-Generator, der Struktur beibehält und Bearbeitungen anwendet. Optional/fortgeschrittene Funktionen: ViewBox-Normalisierung, Einheitenkonvertierung (px zu ViewBox-Einheiten), automatische ID-Deduplication, Attribut-Normalisierung, Minifizierung, Formatierung, Fehlerberichterstattung. Unterstützt Transformationen wie set width/height, preserveAspectRatio, und Neu-Formatierung von Elemente.
Inputs & Outputs: Eingaben: svg_code (string, required), width (number, optional), height (number, optional), minify (boolean, optional), prettify (boolean, optional), preserve_ids (boolean, optional). Outputs: formatted_svg (string), diagnostics (array of messages, optional), stats (object: length, characters, elements).
Algorithmen & Berechnungen: XML-Parsing validiert Syntax; DOM-basierte Bearbeitungen anwenden; Minifizierung entfernt Whitespace; Pfaddaten-Optimierung verwendet einfache Vereinfachung; keine externen Referenzen. Fehlerbehandlung nutzt numerische Fehlercodes und genaue Positionshinweise; fallback auf Original, falls unrecoverable.
Fehler & Grenzfälle: Fehlgeschlagene SVG führen zu Diagnosen mit Zeile/Spalte; fehlende SVG-Wurzel ergibt eine minimale Wrapper-Struktur; externe Entitäten werden blockiert; extrem große SVGs werden über Größenbeschränkungen abgelehnt.
Industrie/Region & Lokalisierung: Ausgabe folgt W3C SVG 1.1/2.0‑Konventionen; Einheiten in benutzerdefinierten oder px; UTF-8-Identifikatoren unterstützt; keine regionale Kompression standardmäßig.
Annahmen & Ausschlüsse: Ausschluss von Rasterkonvertierung, Bitmap-Bearbeitung, Animations-Timeline-Bearbeitung und Farbprofil-Einbettung. Keine Verantwortung für UI-Basics; keine serverseitige Rendern über Transformation hinaus.