SVG img preserveAspectRatio Chrome

时间:2013-01-31 13:10:46

标签: html html5 google-chrome svg

当我对SVG文件中的图像使用preserveAspectRatio = none时,它似乎无法在Google Chrome中运行。 SVG不会根据图像的宽度和高度进行缩放。

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg  id="test" 
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1024 768"> 
<defs>
</defs>
<image x="288" y="140" width="368" height="160" xlink:href="image.svg" preserveAspectRatio="none" />
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg  id="test" 
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1024 768"> 
<defs>
</defs>
<image x="288" y="140" width="368" height="160" xlink:href="image.svg" preserveAspectRatio="none" />
</svg>

在IE9中,最新的Opera和FF可以使用!

如果应该包含的图像没有属性preserveAspectRatio = none,它似乎不起作用。 我不能假设每个SVG都有这个属性。所以我需要知道如果SVG嵌入了'image'标签,如何覆盖这样的属性。

1 个答案:

答案 0 :(得分:-1)

http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute
请尝试“推迟”。
但我认为chrome不支持这个价值。