如何避免重叠的行程相互抵消？ （缺陷？）

Question

我在HTML页面中有以下SVG。

<svg preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox="0 0 1 1">
    <circle class='spath' cx="0.5" cy="0.5" r="0.02" stroke="green" stroke-width="0.08" fill="none"/>
</svg>

stroke-width足以覆盖整个圆圈。虽然得到了以下渲染，但不是实心圆：

每当笔触从另一侧重叠时，它都会被取消-在重叠的部分上不会画任何东西。

是否有一些CSS / SVG设置可以避免这种情况，或者它是Firefox渲染缺陷？ （在Linux上）

---

作为参考，这里有一个stroke-width="0.05"，它不应填满整个圆圈（例如0.08，它应该完全填满它）。

这是0.4，它是填充圆圈所需的大小。由于它没有任何重叠，因此似乎可以正确绘制。

---

注意：我无法通过计算所需的确切大小来解决此问题。这只是简化的示例，具有简单的路径。我的完整SVG有很多曲线和不同的重叠点。