SVG 在 Firefox 中渲染得很糟糕

我正在制作带有滑动轮播的信息图表<li>我认为，尽管 FF 中 SVG 的错误已得到解决，但 SVG 在 Firefox 中显示为像素化。有人能看到这个问题的解决办法吗？

URL: http://weaver-wp.weavertest.com/radiation-infographic/ http://weaver-wp.weavertest.com/radiation-infographic/

您正在将 SVG 文件缩放到非常大的尺寸：

background-size: 9730px 30000px;
background-position: -7310px -29250px;

大多数浏览器不会对非常大的 SVG 形状进行抗锯齿，因为它需要太多的图形内存。 （这是我们在 Safari 和 Chrome 中看到的。）看起来 Firefox 实际上是将 SVG 渲染为画布的大小，然后通过图像插值将其放大到裁剪区域。

两者的修复方法是相同的：
首先裁剪 SVG，然后仅使用裁剪的部分作为背景。