Speichern einer SVG mit Viewbox 0 0 in Illustrator

Ich hatte genau dieses Problem, aber das Überprüfen von "Clip to Artboard" funktionierte nicht und das direkte Anpassen des XML-Codes brachte meine Bildposition relativ zur Viewbox aus dem Gleichgewicht. Ich habe dies gelöst, indem ich ein Slice auf die Zeichenflächengrenze gelegt habe. Danach würde die Datei mit einer Viewbox "0 0 ..." nach SVG exportiert. Abgesehen vom Hinzufügen des Slice habe ich nichts anderes als den üblichen Vorgang getan, nur "Für Web und Geräte speichern" mit den üblichen Einstellungen.

Update: Ich musste sicherstellen, dass das Slice ausgewählt wurde, bevor ich den Speichervorgang durchlief.

Sie können eine Illustrator-Vorlage mit den x- und y-Koordinaten der oberen linken Ecke des Artboards mit den negativen Werten der viewBox erstellen.

Das heißt, wenn der Wert der viewBox "0,5 765,5 100 100" ist, verschieben Sie die Zeichenfläche an den Punkt (-0,5, -765,5) und verwenden Sie diese Vorlage jedes Mal, wenn Sie eine Illustration in eine SVG-Datei exportieren möchten. Verwenden Sie Umschalt + O ...

Goldene Regel: Berühren Sie niemals die Zeichenfläche. Nicht die Größe ändern, nicht bewegen. Illustrator platziert die Viewbox basierend auf 0,0 des gesamten Arbeitsbereichs.

Erstellen Sie bei Bedarf ein neues Dokument mit genau der gewünschten Größe und fügen Sie die Objekte dort ein.

Stellen Sie sicher, dass Sie im Exportdialogfeld "Zeichenfläche verwenden" aktivieren (sonst wird die Grafik selbst als Zeichenflächenabmessungen verwendet).

Ich bin mir nicht sicher, wie Sie die .ai-Datei erstellt haben, aber normalerweise lade ich ein Symbol herunter oder erstelle Umrisse auf einem Kunstwerk und Text. Sie wählen das Bildmaterial aus und kopieren es, öffnen dann ein neues Dokument, stellen die Zeichenfläche so ein, wie Sie es haben möchten, und fügen es dann an Ort und Stelle ein.

Das SVG hat ein Ansichtsfenster und eine Ansichtsbox mit 0 für die x-, y-Koordinaten.

Meine Lösung (wenn Sie nicht mit einem neuen Dokument lösen möchten):

1. "Speichern unter", um den SVG-Dialog zu öffnen
2. Klicken Sie auf „SVG-Code“ und notieren Sie sich die X/Y-Werte der Viewbox und brechen Sie dann „Speichern unter“ ab.
3. Fügen Sie im Transformationsfeld die X/Y-Werte des SVG zu den X/Y-Feldern hinzu, aber tauschen Sie negative/positive Werte aus: Wenn der X-Wert des SVG 500 beträgt, fügen Sie -500 zum X-Feld hinzu. Wenn der Y-Wert des SVG -250 beträgt, fügen Sie 250 zum Y-Feld hinzu.
4. Klicken Sie auf das Werkzeug „Zeichenfläche“ und wählen Sie im Dropdown-Menü „Vorgaben“ die Option „An ausgewählte Grafik anpassen“ aus.
5. Speichern Sie als SVG und X/Y Ihrer Viewbox sollte jetzt 0/0 sein.

Es mag wie ein langer Prozess erscheinen, aber es ist eigentlich ziemlich schnell.