Question

我在阅读多层svg文档时遇到问题。我有这个SVG文件

<svg>
    <g transform="skewX(20)">
    <g transform="translate(50)">
    <rect widht="200" height="300"/>
    </g>
    </g>
</svg>

我的程序有问题要解决它。它认为有两个内部g元素，一个具有自己的变换，第二个具有上层变换。我使用DOM。有一个代码：https://drive.google.com/open?id=1HmG0FO7wkcbMJfVpVSGqE0UvYQ9KcaXy

Answer 1

最初的问题是你没有使用关闭标签，也没有使用自动关闭标签的简写表示法，这意味着你的图形范围＆＃34; g＆＃34;标签未指定。

SVG是XML规范，需要结束标记。添加结束规范后，您的问题会有所不同，因此在我们查看您关闭标记的位置之前，回答您的初始问题是没有意义的。实际上，根据您关闭标签的位置，您将遇到不同的问题（或已解决您的问题！）