SVG渲染错误在Firefox

我与SVG工作在第一时间和过这样的问题来了：SVG渲染错误在Firefox

我使用一些SVGs的图标和一切工作正常 - 除了呈现不正确的Firefox在Windows上一个图标。然而，OS X上的Firefox使得它很好。

这里是我将SVG图标在报头中的一个匿名版本：

不管问题仍然存在，如果我使用在上面的例子中，或者如果使用了Sprite我使用单独的文件为每个图标。

下面是我遇到的渲染问题的两个屏幕截图。问题是，很少对耳机的低端“凹痕”：

enter image description here

我们已经保存在Illustrator和使用SVG 1.1的SVGs作为出口设置。

有人能指出问题似乎在这里吗？

2014-06-24 DrRant

当我用FF（30）的版本看时，我在示例头文件中看不到那个错误。

它看起来好像您看到的神器/'凹痕'是由精灵表中手机旁边的信封图标的最左侧像素列引起的。你可以告诉你是否放大图像。

我所做的，确保不会发生这样的事情，就是不要将图标拼凑在spritesheet中彼此相邻的位置。它们之间留有几个像素间隙。

2014-06-24 09:35:22

谢谢你的回答！我有一个本地代码版本，它不使用spritesheet，我仍然在最新的稳定版Firefox上的Windows 7中的手机图标上获取该工件。在OS X上，一切似乎都呈现得很好。 – DrRant

这很奇怪，因为我也在Win7上，并且SVG和示例头文件对我来说效果不错。 –

确实很奇怪。到目前为止，每台运行Win 7的机器都测试过了（包括Browserstack），因此出现了这个问题。 – DrRant

回答