Shard SVG-Bild in Stücke

Question

Sagen Sie bitte ein SVG-Bild haben, wie folgt aus:

Jede Karte ihre eigene svg Gruppe ist, enthält jedoch andere Gruppen von Subelementen.

Wie können Sie es in 52 verschiedene Bilder aufteilen?

Answer 1

jede Karte Unter der Annahme ist in einem eigenen Gruppe (<g> Element) ohne Abhängigkeiten außerhalb der Gruppe dann:

• die Wurzel svg Element der ursprünglichen Datei zu 52 Dateien kopieren (<svg ...></svg>)
• für jeden Karte:
  • die Gruppe append als Kind des Wurzel SVG Element in einer der neuen SVG-Dateien zu der Karte gehört, die in Schritt 1 erstellte
  • aktualisieren der viewBox Attribut (oder Breite und Höhe) auf dem Element Wurzel svg die Karte (kann wahrscheinlich getan werden automatisch von svg scour)