向SVG标记添加空<g>标记会消耗多少内存？

Question

我问的原因是因为我发现将SVG元素添加到SVG中较高的标记允许它们出现在＆＃34;后面＆＃34;标签后添加的元素。例如（这是来自内存）：

<svg>
    <g id="background">
        <rect x="0" y="0" width="200" height="200"></rect>
    </g>
    <rect x="0" y="0" width="100" height="100"></rect>
</svg>

因此，如果您要在背景标记中添加一个矩形，它将显示在第二个矩形后面。

所以如果你通过创建这个来开始绘图：

<svg>
    <g id="layer1"></g>
    <g id="layer2"></g>
    <g id="layer3"></g>
    <g id="layer4"></g>
    <g id="layer5"></g>
    <g id="layer6"></g>
    <g id="layer7"></g>
    <g id="layer8"></g>
    <g id="layer9"></g>
    <g id="layer10"></g>
</svg>

然后，您可以在标签之间移动标签以模拟图层。

但这些标签会占用多少内存？这样做效率非常低吗？