在svg中保存多个图形

在SVG中保存多个图形可以通过使用SVG的容器元素来实现。SVG提供了多个容器元素，包括<g>、<svg>、<symbol>等，可以用来组织和包含多个图形元素。

1. <g>元素：用于创建一个图形组，可以将多个图形元素放在其中。它可以用来对图形进行分组，方便管理和操作。例如，可以使用<g>元素将多个路径元素组合在一起。
2. <svg>元素：用于创建一个SVG文档的根元素，也可以用来包含多个图形元素。可以嵌套使用多个<svg>元素来创建层次结构，实现复杂的图形组织。
3. <symbol>元素：用于定义一个可重用的图形符号，可以在需要的地方进行引用。可以使用<use>元素来引用<symbol>元素，并在不同位置多次使用同一个图形。

下面是一个示例代码，演示如何在SVG中保存多个图形：

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
  <g>
    <circle cx="50" cy="50" r="30" fill="red" />
    <rect x="100" y="20" width="80" height="60" fill="blue" />
  </g>
  <svg x="200" y="100" width="100" height="100">
    <circle cx="50" cy="50" r="30" fill="green" />
  </svg>
  <use xlink:href="#mySymbol" x="300" y="200" />
  <symbol id="mySymbol">
    <circle cx="50" cy="50" r="30" fill="yellow" />
  </symbol>
</svg>

在上面的示例中，使用了<g>元素将一个红色圆和一个蓝色矩形组合在一起。使用<svg>元素创建了一个独立的SVG图形，其中包含一个绿色圆。使用<symbol>元素定义了一个黄色圆形符号，并使用<use>元素在不同位置引用了该符号。

这样，就可以在SVG中保存多个图形，并通过容器元素进行组织和引用。在实际应用中，可以根据需要使用不同的容器元素来组织和管理图形元素。