在 SVG 中嵌入 SVG答案

【问题标题】：embedding SVG in SVG在 SVG 中嵌入 SVG
【发布时间】：2011-12-23 03:30:12
【问题描述】：

我找不到将两个 SVG 嵌入 SVG 文档的方法。我需要使用可以与两个子 SVG-s 一起操作的代码的能力来做到这一点，并且希望在这两个区域上都有独立的坐标。我不喜欢用 HTML 来做，因为我认为它与 SVG 相比太局限了。非常感谢！

【问题讨论】：

【解决方案1】：

一个 SVG 文档片段由包含在一个“svg”元素中的任意数量的 SVG 元素组成。

基本上：

<svg …>
  <svg id="a" …>…</svg>
  <svg id="b" …>…</svg>
</svg>

【讨论】：

谢谢，我知道基本原理，但我不知道我做得对不对，因为它会影响整个编码工作。请看一下示例：atarado.com/en/stripboard-layout-software/Stack-O-example.svg。如您所见，我不知道在其他视口中设置坐标的适当方法是什么，因为我必须稍后进行缩放和平移。非常感谢您的建议。

【解决方案2】：

<svg>
...
     <image x="..." y="..." width="..." height="..." xlink:href="path/to/your/file.svg" ></image>
...
</svg>

【讨论】：

【解决方案3】：

解决方案之一是'[parent svg] - [g] - [child svg]' 结构。

<svg>
    <g transform="translate(-,-)">
        <svg>
            ...
        </svg>
    </g>
</svg>

您可以将子 svg 的坐标设置为 g 元素的变换（平移）。

【讨论】：