SVG在chrome中无法按预期呈现

Question

最近我在chrome中经历了一些奇怪的行为，其中圆圈似乎有角，使它们看起来像圆角正方形。我附上了一张图片作为例子。

相应的代码：

<circle class="hover" r="3.5999999999999996" cx="50" cy="50" fill="#539f00" opacity="0.8"></circle>

我不知道造成这种情况的原因是什么，因为元素被明确定义为圆圈。