Javascript 正在剪裁的svg元素

有人知道为什么会出现上述图像中显示的行为吗？在第一幅图像中，SVGARS容器的x和y坐标设置为零，因此中心位于左上角，仅显示右下角，如预期的那样。在第二幅图中，我移动了容器，但仍然只显示右下角。我发布了文档结构，也许你可以看一下，告诉我发生了什么

默认情况下

元素包含其内容

---

您可以在它们上指定overflow=“visible”，或者（更好）使用

元素作为容器，而不是

元素。您仍然需要将最外层的SVG元素保留为

元素。

这是我最初使用的元素，但是当我使用transform定位容器时，它们没有对齐，即使我使用的是完全相同的值。你知道解决这个问题的方法吗？在这一点上，请随意提出一个新问题并提供完整的标记。它与“svgImages”和“svgArcs”SVG更改为g容器时的标记完全相同。很明显，我也用变换来定位它们，而不是x和y。编辑：事实上，我是按照你的方式处理同样的问题（这确实解决了剪辑问题，谢谢你），因此我将根据你的建议发布一个新问题。@user3649110如果有帮助，请随意接受答案（单击勾号，直到它变为绿色）。