Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Firefox中SVG呈现不正确_Firefox_Svg - Fatal编程技术网

在Firefox中SVG呈现不正确

在Firefox中SVG呈现不正确,firefox,svg,Firefox,Svg,我第一次使用SVG时遇到了以下问题: 我使用了一些SVG作为图标,一切正常——除了一个图标在Windows上的Firefox中呈现不正确。不过,OSX上的Firefox呈现出良好的效果 以下是我放置SVG图标的标题的匿名版本: 无论我是使用上述示例中使用的精灵,还是为每个图标使用单独的文件,该问题都会持续存在 下面是我遇到的渲染问题的两个屏幕截图。问题在于耳机下端的小“凹痕”: 我们将这些SVG保存在Illustrator中,并使用SVG1.1作为导出设置 有人能指出这里的问题是什么吗?当我

我第一次使用SVG时遇到了以下问题:

我使用了一些SVG作为图标,一切正常——除了一个图标在Windows上的Firefox中呈现不正确。不过,OSX上的Firefox呈现出良好的效果

以下是我放置SVG图标的标题的匿名版本:

无论我是使用上述示例中使用的精灵,还是为每个图标使用单独的文件,该问题都会持续存在

下面是我遇到的渲染问题的两个屏幕截图。问题在于耳机下端的小“凹痕”:

我们将这些SVG保存在Illustrator中,并使用SVG1.1作为导出设置


有人能指出这里的问题是什么吗?

当我使用我的FF(30)版本查看示例标题时,我没有看到该错误

在我看来,您看到的伪影/凹痕似乎是由精灵表中手机旁边信封图标最左边的像素列造成的。你可以知道你是否放大了图像


我要做的是,确保这样的事情不会发生,就是不要在精灵表中把图标紧靠在一起。在它们之间留几个像素的间隔。

谢谢您的回答!我在本地有一个版本的代码没有使用精灵表,我仍然在最新稳定的Firefox上的Windows7的手机图标上得到这个工件。在OSX上,一切看起来都很好。这很奇怪,因为我也在Win7上,SVG和示例标题对我来说也很好。这确实很奇怪。到目前为止,我测试的每台运行Win7的机器(包括Browserstack)都有这个问题。