SVG-editor

Deze tool is een online SVG-editor bedoeld voor developers, designers en content-creators die schaalbare vectorafbeeldingen voor web en apps produceren. Het accepteert ruwe SVG-code en transformeert deze via een DOM-achtige bewerkingsmethode die semantiek behoudt en tegelijkertijd formatterings- en optimaliseringsregels toepast. De kernwaarde ligt in end-to-end lifecycle-ondersteuning: syntaxis validatie, attributen normaliseren, coördinatensystemen aanpassen en assets klaarmaken voor productiepijplijnen. Door de focus op normconformiteit en deterministische uitvoer, ontstaat minder drift tussen ontwerpsintentie en rendering.
Kernlogica & functies: de tool parseert SVG-invoer naar een intern DOM-achtig model, valideert XML-well-formedness en past transformatie-regels toe. Vereiste functies: SVG-parse, syntaxisvalidatie, output-generator die structuur bewaart en bewerkingen toepast. Optionele/advanced functies: viewBox-normalisatie, eenhedenconversie (px naar viewBox-eenheden), automatische ID-deduplicatie, attributen-normalisatie, minificatie, opmaak, foutrapportage. Ondersteunt transformaties zoals width/height instellen, preserveAspectRatio, en herformattering van elementen.
In- en outputs: Invoer: svg_code (string, required), width (number, optional), height (number, optional), minify (boolean, optional), prettify (boolean, optional), preserve_ids (boolean, optional). Uitvoer: formatted_svg (string), diagnostics (array met messages, optional), stats (object: length, characters, elements).
Algoritmes & berekeningen: XML-parsing valideert syntaxis; DOM-gebaseerde aanpassingen passen wijzigingen toe; minificatie verwijdert whitespace; padgegevens-optimalisatie gebruikt eenvoudige vereenvoudiging; geen externe referenties. Foutafhandeling via numerieke codes en exacte posities; fallback naar origineel bij onherstelbaar.
Fouten & randgevallen: Bien gevormde SVG leidt tot diagnostische meldingen met regel en kolom; ontbrekende SVG-root resulteert in een minimale wrapper; externe entiteiten zijn geblokkeerd; extreem grote SVG's worden geweigerd door groottebeperkingen.