Kann ich jede Gruppe in dieser SVG-Datei zu einer eigenen SVG-Datei machen?

Ich habe eine riesige SVG-Datei, die ich mit allen Zeichen für eine Schriftart gefüllt habe. Es gibt eine Menge Zeichen und es würde ewig dauern, jedes von ihnen manuell in eine eigene Datei zu kopieren. Jeder Charakter hat alle seine Pfade in einer Gruppe zusammengefasst. Wenn also etwas automatisch jede Gruppe in eine eigene SVG-Datei einfügen könnte, würde das mein Problem lösen. Irgendwelche Ideen? Danke!

Die Möglichkeit, dies zu tun, hängt stark von der Anwendung ab, die zum Bearbeiten der SVG-Dateien verwendet wird. Sie haben in Ihrer Frage oder Ihren Tags keine Anwendung angegeben.
Ups, tut mir Leid. Ich habe Illustrator und Inkscape zur Verfügung.

Antworten (4)

Bitte schön: http://www.tbyrne.org/export-illustrator-layers-to-svg-files

Unterstützte Formate sind: PNG8, PNG24, PDF, EPS & SVG

Sie können wählen, ob Sie alle Zeichenflächen im Dokument mit den derzeit sichtbaren Ebenen exportieren möchten, oder ob Sie Dateien für jede der Ebenen in einem Dokument auf der derzeit aktiven Zeichenfläche exportieren möchten, oder ob Sie eine Kombination exportieren möchten aller Zeichenflächen multipliziert mit allen Ebenen.

Dateien werden nach ihrem Ebenennamen benannt. Es exportiert nur Ebenen, deren Name von der Standardeinstellung „Ebene 1“, „Ebene 2“ oder „Zeichenfläche 1“, „Zeichenfläche 2“ usw. geändert wurde. Ich habe diese Funktion entfernt, könnte sie aber als konfigurierbare Option wieder hinzufügen.

Wenn Sie ein Minuszeichen (-) vor einen Ebenen- oder Zeichenflächennamen setzen, wird diese Ebene oder Zeichenfläche übersprungen. (Nützlich, wenn Ihnen ein bestimmtes Mockup nicht mehr gefällt, Sie es aber nicht aus dem Master-Illustrator-Dokument löschen möchten.)

Nur für Ebenen: Wenn Sie ein Pluszeichen (+) vor einen Ebenennamen setzen, ist diese Ebene immer sichtbar. Nützlich, wenn Sie eine Ebene haben möchten, die immer im Hintergrund jedes exportierten Bildes erscheint.

Es speichert seine Einstellungen in einer nicht sichtbaren, nicht druckenden Ebene namens „nyt_exporter_info“.

Es hat eine Option für Transparenz.

Es hat eine Option zum Einbetten verknüpfter Bilder (nur EPS und SVG).

Es hat eine Option zum Einbetten von Schriftarten (nur EPS).

Eine Option besteht darin, einen Datensatz zu verwenden, wobei jede Glyphe als Datensatz behandelt wird. siehe zum Beispiel: ( http://vector.tutsplus.com/tutorials/tools-tips/quick-tip-data-driven-graphics-using-illustrators-variables-panel/ ) Dies ist ein anständiger Überblick, in dem der Autor eine Single erstellt Dokument mit Variablen und einem Datensatz und erstellt 100 einzigartige Visitenkarten.


Eine zweite Möglichkeit besteht darin, zu beachten, dass SVG-Dateien Textdateien sind und mit einem Texteditor bearbeitet werden können. Wie genau Sie die Datei aufteilen, hängt davon ab, wie sie erstellt und gespeichert wurde. Ich habe eine schnelle SVG-Datei erstellt, indem ich eine „a“-Glyphe und dann eine „b“-Glyphe separat eingegeben, sie erweitert und dann als SVG gespeichert habe. Das Ergebnis ist unten. Beachten Sie die beiden <g>"Felder".

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="612px" height="792px" viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve">
<g>
    <path d="M104.219,114.458L103.379,117h-1.08l2.758-8.083h1.248l2.758,8.083h-1.115l-0.864-2.542H104.219z M106.881,113.642
        l-0.804-2.327c-0.18-0.527-0.3-1.007-0.419-1.475h-0.024c-0.12,0.468-0.24,0.972-0.408,1.463l-0.792,2.338H106.881z"/>
</g>
<g>
    <path d="M97.912,134.036c0.456-0.108,1.187-0.18,1.907-0.18c1.043,0,1.715,0.18,2.207,0.588c0.419,0.312,0.684,0.792,0.684,1.427
        c0,0.792-0.528,1.475-1.367,1.775v0.036c0.768,0.18,1.667,0.815,1.667,2.015c0,0.696-0.276,1.235-0.696,1.619
        c-0.552,0.516-1.463,0.755-2.782,0.755c-0.72,0-1.271-0.048-1.619-0.096V134.036z M98.955,137.347h0.947
        c1.091,0,1.739-0.588,1.739-1.367c0-0.936-0.708-1.319-1.763-1.319c-0.48,0-0.755,0.036-0.923,0.072V137.347z M98.955,141.208
        c0.216,0.036,0.503,0.048,0.875,0.048c1.079,0,2.075-0.396,2.075-1.571c0-1.091-0.947-1.559-2.087-1.559h-0.863V141.208z"/>
</g>
</svg>

Wenn ich einen ganzen <g></g>Abschnitt entferne und eine Kopie speichere, zurückkehre, dann den anderen Abschnitt entferne und eine zweite Kopie speichere, sind die beiden Dateien jeweils eine einzelne Glyphe, die ihre ursprüngliche Platzierung im Dokumentrahmen beibehält.

Offensichtlich ist dies ziemlich umständlich, aber es ist eine programmgesteuerte Textbearbeitung möglich (VBScript, PHP, AppleScript, Grep, C usw.).


Ich habe kürzlich versucht, 26 Glyphen auf 26 Zeichenflächen in Illustrator zu platzieren und sie separat zu exportieren. Es stellt sich heraus , dass dies in Illustrator mit SVG nicht möglich ist . Es erinnert sich nur an die aktive Zeichenfläche, behält aber die gesamte Kunst.

Also habe ich einfach alle Glyphen übereinander gelegt, alle bis auf eine ausgeblendet und exportiert. Ebenensichtbarkeit geändert und wiederholt.

Ich könnte mir vorstellen, dass ein Illustrator-Skript hier nicht allzu schwer wäre. Legen Sie sie alle auf eine Zeichenfläche und führen Sie dann ein Skript aus, das 1) alle Objekte in der Ebene ausblendet, 2) die erste Gruppe sichtbar macht, 3) als „1.svg“ exportiert, 4) das aktive Objekt ausblendet und das dann wiederholt für so viele Objekte, wie Sie haben.

Wenn Sie einen Mac verwenden, sollte dies in Sketch sehr einfach sein . Öffnen Sie das SVG, auf der linken Seite wird eine Liste Ihrer Gruppen angezeigt. Wählen Sie eine Gruppe aus, klicken Sie unten rechts auf Make Exportableund wählen Sie SVG aus. Wiederholen Sie dies für jede Gruppe. (Kostenlose Testversion verfügbar).