Safari和Firefox中SVG <image>标签无法正常工作

Question

我的问题如下：我尝试通过<image>标签在SVG部分中显示图像。以下代码是一个示例。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
    <image xlink:href="http://2.bp.blogspot.com/-auWhmIJyACw/TaHzOV8pN1I/AAAAAAAAAPY/2nGmNaJRaBs/s1600/roger-federer-widescreen-wallpaper-001.jpg" preserveAspectRatio="xMinYMin slice"></image>
</svg>

我的问题是它不能在Safari和Firefox上工作。似乎是由于图像标签不起作用引起的。我不知道这是语法错误还是xlink错误。

如果您想进行测试，可以使用CodePen：http://codepen.io/vavouweb/pen/VaMNqg

- Evan Peuvergne

Answer 1

在SVG 1.1中，图像的宽度和高度属性是必须的。

未完成的SVG 2规范建议删除该要求，但据我所知，目前只有Chrome和可能的IE Edge实现了这个建议。

- Robert Longson