Осколок изображения SVG на кусочки

Question

Допустим, у вас есть изображение SVG, например:

Каждая карта является собственной группой svg, но содержит другие группы подэлементов.

Как вы можете разделить его на 52 разных изображения?

Answer 1

Предполагая, что каждая карта находится в своей собственной группе (элемент <g>) без зависимостей вне группы, тогда:

• скопировать корневой элемент SVG исходного файла в 52 файла (<svg ...></svg>)
• для каждой карты:
  • добавить группу, принадлежащую карте, в качестве дочернего элемента корневого элемента svg в один из новых файлов svg, созданных на шаге 1.
  • обновить атрибут viewBox (или ширину и высоту) корневого элемента svg, чтобы он соответствовал карте (возможно, это можно сделать автоматически с помощью svg scour )