SVG-viewBox-Editor
SVG-Code einfügen und viewBox, Breite und Höhe live anpassen
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Mit diesem Tool können Sie SVG-Code einfügen und die Werte minX, minY, Breite und Höhe des viewBox-Attributs sowie die width/height-Attribute über einfache Zahlenfelder anpassen, mit sofortiger Live-Vorschau. Praktisch für Entwickler und Designer, die abgeschnittene Icons korrigieren, Ränder anpassen oder ein fehlerhaftes viewBox visuell debuggen möchten. Alles läuft direkt im Browser, es werden keine Daten an einen Server gesendet.
Anleitung
- Fügen Sie Ihren SVG-Code in das Eingabefeld ein.
- Die vorhandenen viewBox-Werte füllen automatisch die Felder Min X, Min Y, Breite und Höhe.
- Passen Sie die Zahlenfelder an und beobachten Sie die sofortige Aktualisierung der Vorschau.
- Legen Sie optional width/height-Attribute fest und kopieren Sie den fertigen SVG-Code.
FAQ
- Was passiert, wenn mein SVG kein viewBox-Attribut hat?
- Der Editor schätzt anhand der width- und height-Attribute ein anfängliches viewBox.
- Wird mein SVG-Code an einen Server gesendet?
- Nein. Das Parsen und Serialisieren erfolgt vollständig im Browser mit DOMParser und XMLSerializer — es verlässt nichts Ihr Gerät.
- Was passiert bei ungültigem SVG-Code?
- Wenn das Parsen fehlschlägt oder kein svg-Element gefunden wird, erscheint eine Fehlermeldung im Vorschaubereich.