我想将多个 SVG 合并为一个。我当前的解决方案是这样的：
<svg>
<svg>...</svg>
<svg>...</svg>
<svg>...</svg>
</svg>
这非常方便，因为我可以单独为每个元素使用 viewBox、size 等。但是当我尝试使用 Inkscape 编辑该文件时，元素似乎以一种奇怪的方式跳跃并改变其大小。
我考虑过将每个 svg 转换为一个组元素，但我不知道如何操作，因为我必须手动应用 viewBox、大小和位置（相对于父元素）。
有人对此有什么建议吗？
以下是此类文件的示例：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1680" height="966">
<svg contentScriptType="text/ecmascript" zoomAndPan="magnify" contentStyleType="text/css" id="965194" version="1.1" width="325" preserveAspectRatio="xMidYMid meet" viewBox="426 337 1031 992" height="312" x="666" y="179">
<rect x="426" stroke-linecap="round" y="337" transform="matrix(1.0,0.0,0.0,1.0,0.0,0.0)" fill="none" width="1031" id="52872" height="992" stroke="#000000" stroke-width="10"/>
</svg>
<svg contentScriptType="text/ecmascript" zoomAndPan="magnify" contentStyleType="text/css" id="346790" version="1.1" width="150" preserveAspectRatio="xMidYMid meet" viewBox="28 58 445 470" height="159" x="760" y="257">
<ellipse stroke-linecap="round" transform="matrix(1.0,0.0,0.0,1.0,0.0,0.0)" fill="none" rx="212.5" cx="250.5" ry="225.0" id="89340" cy="293.0" stroke="#000000" stroke-width="10"/> …