Zum Hauptinhalt springen
DailyBox

SVG-Editor: Code und Arbeitsfläche gemeinsam bearbeiten

Öffne ein SVG, klicke auf eine Form, um Füllung, Kontur und Deckkraft zu ändern, oder bearbeite den Quelltext direkt. Arbeitsfläche und Code bleiben synchron.

SVG-Datei hier ablegen

Bis 5 MB. Wird nur in deinem Browser geöffnet.

Dein SVG wird in diesem Browser-Tab verarbeitet. Es wird nie hochgeladen.

So funktioniert es

  1. Öffne oder füge ein SVG ein. Arbeitsfläche und Quelltext erscheinen zusammen.
  2. Klicke auf eine Form und ändere Füllung, Kontur, Konturbreite oder Deckkraft, oder bearbeite den Code.
  3. Mache bei Bedarf rückgängig oder wiederhole, dann exportiere das SVG.

Typische Einsatzzwecke

  • Ein Icon passend zu einer Marke umfärben.
  • Den Code einer Grafik schnell korrigieren und das Ergebnis sehen.
  • Herausfinden, zu welchem Element im Code eine Form auf dem Bildschirm gehört.

Das kann das Tool

  • Auswahl auf der Arbeitsfläche, die zur passenden Zeile im Quelltext springt.
  • Änderungen an Füllung, Kontur, Konturbreite und Deckkraft werden in den Code zurückgeschrieben.
  • Rückgängig und Wiederholen, Zoom, Verschieben, Raster und Hintergründe.
  • Unsicherer Inhalt wird von der Arbeitsfläche und aus dem Export entfernt.

Gut zu wissen

Das ist die erste Version des Editors. Es gibt noch keine Zeichenwerkzeuge, keine Griffe zum Verschieben, Skalieren oder Drehen, keine Ebenenpalette und keine Bearbeitung von Verläufen und Pfaden, und deine Arbeit wird nicht automatisch gespeichert. Exportiere, um Änderungen zu behalten.

Häufige Fragen

Bleibt meine ursprüngliche Grafik erhalten?
Ja. Bearbeitungen ändern nur die Attribute, die du anfasst. Wird nichts Unsicheres gefunden, ist der Export dein Quelltext genau so, wie du ihn bearbeitet hast.
Warum hat sich meine Farbe nicht geändert?
Ein Stylesheet in der Datei kann Attribute überschreiben. Hat die Datei eines, werden Änderungen stattdessen in das style-Attribut geschrieben, das Vorrang hat.
Kann ich neue Formen zeichnen?
Noch nicht. Du kannst Formen hinzufügen, indem du ihren Code im Quelltext-Bereich eintippst, sie erscheinen sofort auf der Arbeitsfläche.
Werden meine Änderungen gespeichert?
Nicht automatisch. Nichts wird gespeichert oder hochgeladen, exportiere also, bevor du die Seite verlässt.

Verwandte Tools

Ähnliche Tools