svg元素被剪裁

Question

有谁知道为什么上面图片中显示的行为可能正在发生？在第一个图像中，svgArcs容器的x和y坐标设置为零，因此中心位于左上角，只显示右下角，如预期的那样。在第二张图片中，我移动了容器，但仍然只显示了右下角。我发布了文档结构，所以也许你可以看看并告诉我发生了什么。

Answer 1

默认<svg>个元素clip其内容。

您可以在它们上指定overflow =“visible”，或者（并且更好）使用<g>元素作为容器而不是<svg>元素。您仍然需要将最外层的SVG元素保留为<svg>元素。