您的位置:首页 > 其它

Svg存在的坑

2016-07-17 17:18 176 查看
1.svg不能很好的在anroid2.3中得到支持,需要额外的补充。(应用案例【开心流量】:http://f.aidg.cc/mweb/flowstore/C23QMupA#/pay

IE8-以及Android 2.3默认浏览器是不支持SVG的,

<svg width="96" height="96">
<image xlink:href="svg.svg" src="svg.png" width="96" height="96" />
</svg>


即所有浏览器,包括IE,会把image标签渲染成img标签,而SVG中的image作用是:

Provides a way to display a graphics image on the screen.

也就是提供在屏幕上显示一个图形图像的方法。

于是,就有,如果浏览器支持SVG,则SVG显示;对于不支持的浏览器,例如IE8浏览器,会忽略svg标签的存在,直接渲染image,在其看来,这就是个img标签,于是,图像就以svg.png的形式显示了。

参考文献:

http://www.zhangxinxu.com/wordpress/2013/09/svg-fallbacks/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  svg