html – SVG标记在Safari和Firefox中无效

概述我的问题如下：由于< 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/TaHzOV8p 我的问题如下：由于< 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

解决方法 在SVG 1.1中,属性宽度和高度对于图像是必需的.

未完成的SVG 2规范建议删除要求,但据我所知,目前只有Chrome和可能的IE边缘已实施该建议.

总结

以上是内存溢出为你收集整理的html – SVG标记在Safari和Firefox中无效全部内容，希望文章能够帮你解决html – SVG标记在Safari和Firefox中无效所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。