SVG&；XLink:圆的渲染不一致？

我有一个内联SVG，显示了一个简单的圆圈，正如预期的那样：

<svg width="200" height="200" viewBox="-25 -25 50 50" >
    <circle cx="0" cy="0" r="15" />
</svg>

如果通过XLink包含圆，则相同的代码呈现方式不同：

<svg width="200" height="200" viewBox="-25 -25 50 50">
    <use xlink:href="#circle"/>
</svg>

以下是一个例子：

为什么这两个例子会有不同的表现

谢谢。

只需将

overflow=“visible”

添加到您的符号中即可

根据Robert Longson的评论得出的精确答案：

更好的方法是将符号内的圆移动到某个位置，使其位于视口内

---

这会起作用，但overflow=“visible”通常会造成严重的性能损失。还有其他方法吗？