有谁知道是否有解决方法？当用户缩放时，Internet Explorer 10 和 Windows Phone 8 无法正确缩放背景 SVG 图像。看起来 IE 在加载时光栅化了 SVG。
Here is an example:第一个图像是作为背景图像的 SVG。放大 MS Surface 或 Windows 8 手机，您会发现它非常模糊。
第二个图像与 img 标签是相同的 SVG。在 Surface 或 Windows 8 手机上对其进行缩放，它会按照您的预期进行缩放(漂亮且干净)。
是否可以添加任何属性来使 IE10 正常工作？或者只是等待雷蒙德的人员修复它？
最佳答案
问题是 IE 和 Firefox 等其他浏览器在显示 SVG 之前对其进行光栅化，因此缩放时它会变得 block 状。
解决此问题的最简单方法是使 SVG 文件大于所需的大小。例如，如果用户可能进一步放大，则将尺寸加倍或更大。然后，您可以使用 CSS 调整 SVG 图像的大小，以正确的大小显示它。这样图像自然会变大，因此不会变得 block 状，除非您进一步放大。在默认缩放级别，图像会缩小而不是放大，浏览器通常可以更好地处理这种情况。
编辑:您可以在“SVG 和 CSS 背景”标题下找到有关此问题的更多信息 http://dbushell.com/2012/03/11/svg-all-fun-and-games/
关于svg - IE10 在缩放时无法正确缩放背景 SVG(在 Surface/Windows 8 手机上)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14565057/