Svg存在的坑
2016-07-17 17:18
176 查看
1.svg不能很好的在anroid2.3中得到支持,需要额外的补充。(应用案例【开心流量】:http://f.aidg.cc/mweb/flowstore/C23QMupA#/pay)
IE8-以及Android 2.3默认浏览器是不支持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/
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/
相关文章推荐
- JavaScript 判断浏览器是否支持SVG的代码
- 基于jquery和svg实现超炫酷的动画特效
- 推荐10 款 SVG 动画的 JavaScript 库
- 用svg制作富有动态的tooltip
- java生成饼图svg及JFreeChart生成svg图表
- Python实现批量把SVG格式转成png、pdf格式的代码分享
- Canvas和SVG的区别
- Web开发中的矢量绘图(vml,svg)处理和应用
- SVG 图像入门教程
- 实例讲解使用SVG制作loading加载动画的方法
- ExtJS之Chart导出为png/jpeg,解决中文乱码
- Convert SVG to PDF
- Convert SVG to PDF by using iText in Java(ZT)
- Vector graphics in iText PDF
- GML、SVG、VML的比较
- 路径:path和shape深入了解
- 脸萌~基于SVG绘制
- 奇虎360-数据可视化
- Photoshop CC 自动切图(包含WebP/SVG)
- SVG绘制矩形简单示例分享