在Firefox中SVG呈现不正确
我第一次使用SVG时遇到了以下问题: 我使用了一些SVG作为图标,一切正常——除了一个图标在Windows上的Firefox中呈现不正确。不过,OSX上的Firefox呈现出良好的效果 以下是我放置SVG图标的标题的匿名版本: 无论我是使用上述示例中使用的精灵,还是为每个图标使用单独的文件,该问题都会持续存在 下面是我遇到的渲染问题的两个屏幕截图。问题在于耳机下端的小“凹痕”: 我们将这些SVG保存在Illustrator中,并使用SVG1.1作为导出设置在Firefox中SVG呈现不正确,firefox,svg,Firefox,Svg,我第一次使用SVG时遇到了以下问题: 我使用了一些SVG作为图标,一切正常——除了一个图标在Windows上的Firefox中呈现不正确。不过,OSX上的Firefox呈现出良好的效果 以下是我放置SVG图标的标题的匿名版本: 无论我是使用上述示例中使用的精灵,还是为每个图标使用单独的文件,该问题都会持续存在 下面是我遇到的渲染问题的两个屏幕截图。问题在于耳机下端的小“凹痕”: 我们将这些SVG保存在Illustrator中,并使用SVG1.1作为导出设置 有人能指出这里的问题是什么吗?当我
有人能指出这里的问题是什么吗?当我使用我的FF(30)版本查看示例标题时,我没有看到该错误 在我看来,您看到的伪影/凹痕似乎是由精灵表中手机旁边信封图标最左边的像素列造成的。你可以知道你是否放大了图像
我要做的是,确保这样的事情不会发生,就是不要在精灵表中把图标紧靠在一起。在它们之间留几个像素的间隔。谢谢您的回答!我在本地有一个版本的代码没有使用精灵表,我仍然在最新稳定的Firefox上的Windows7的手机图标上得到这个工件。在OSX上,一切看起来都很好。这很奇怪,因为我也在Win7上,SVG和示例标题对我来说也很好。这确实很奇怪。到目前为止,我测试的每台运行Win7的机器(包括Browserstack)都有这个问题。