缩放时IE10无法正确缩放背景SVG(在Surface / Windows 8手机上)

时间:2013-01-28 15:15:04

标签: svg zoom background-image internet-explorer-10

有没有人知道是否有解决方法?当用户缩放时,Internet Explorer 10和Window phone 8无法正确缩放背景SVG图像。看起来IE在加载时光栅化SVG。

Here is an example:第一张图片是SVG作为背景图片。放大MS Surface或Windows 8手机,你会看到它模糊不清。

第二个图像是与img标签相同的SVG。在Surface或Windows 8手机上进行缩放,它可以按照您的预期进行缩放(漂亮和干净)。

是否有任何属性可以添加以使IE10表现?或者仅仅是等待雷德蒙德的人们解决它的情况?

1 个答案:

答案 0 :(得分:2)

问题在于IE和其他浏览器(如Firefox)在显示之前光栅化SVG,因此在缩放时它会变得模糊。

解决此问题的最简单方法是使SVG文件大于所需数量。例如,如果用户可能进一步放大,则大小增加一倍或更多。然后,您可以使用CSS调整SVG图像的大小,以正确的大小显示它。这样,图像自然会变大,所以不会变得模糊,除非你进一步放大。在默认缩放级别,图像按比例缩小而不是向上,哪些浏览器通常处理得更好。

编辑:您可以在http://dbushell.com/2012/03/11/svg-all-fun-and-games/

的“SVG和CSS背景”标题下找到有关此问题的更多信息