碎片SVG图像成片

Question

假设您有一个SVG图像,例如:

每张卡都是自己的svg组,但包含其他子元素组.

你怎么能把它分成52个不同的图像？

Answer 1

假设每张卡都在它自己的组(<g>元素)中,在组外没有依赖关系,那么:

• 将原始文件的根svg元素复制到52个文件(<svg ...></svg>)
• 每张卡:
  • 将属于该卡的组作为根svg元素的子项附加到步骤1中创建的新svg文件之一中.
  • 更新根svg元素上的viewBox属性(或宽度和高度)以适合卡(可能由svg scour自动完成)