将SVG嵌入到SVG中

Question

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

Answer 1

SVG文档片段由'svg'元素中包含的任意数量的SVG元素组成。

• 来源：http://www.w3.org/TR/SVG/struct.html#NewDocument

基本上：

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

Answer 2

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

Answer 3

其中一个解决方案是 '[父SVG] - [G] - [孩子SVG]' 结构。

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

您可以将child svg的坐标设置为g元素的变换（translate）。

演示：
http://hitokun-s.github.io/demo/path-between-two-svg.html