SVG转换：将文本缩放到非常小的原因导致奇怪的重叠效应

Question

我正在绘制一个带有圆圈和一段文字的SVG组。作为动画的一部分，我会上下调整组。当小组缩放相对较小时，一切看起来都很好。但是，一旦它变得非常小，你就会开始得到一些讨厌的文物。

以下是一个例子。请注意右边的圆圈很好，但是当它们变得非常小时，你会得到左边的文本工件。

下面是一些导致工件的示例性SVG代码。这似乎只发生在Firefox中。

<g transform="translate(77 256) scale(0.00469784)">
   <circle stroke="rgb(180, 0, 100)" r="30" cx="0" cy="0"/>
   <text text-anchor="middle" dominant-baseline="middle" x="0" y="0" font-size="15">Foo Bar</text>
</g>