2

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

下面是一个例子。注意右边的圆圈很好，但是当它们变得非常小时，你会在左边看到文本伪影。

Firefox 上的 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>
4

0 回答 0