HTML5/CSS3系列教程：使用SVG图片
16lz
2021-01-22
日期：2013-3-25来源：GBin1.com
在我们开始使用SVG前，让我们先了解一下SVG，并且解释一下为什么使用SVG。
SVG全称是Scalable Vector Graphics，如果你使用过adobeIllustrator的话，相信你对这种适量格式的图片并不陌生！
为什么使用SVG？
- 文件非常小
- 能够无损失的缩放尺寸
- 在Retina显示屏上效果超棒
- 能够控制图片样式设计，例如互动和过滤filter
浏览器支持
- IE8及其更低版本不支持
- Android 2.3及其更低版本不支持
- 其它浏览器都支持
如果你需要支持这些版本的浏览器的话，你可以使用Modernizr，如下：
if (!Modernizr.svg) {
$(".gblogo img").attr("src", "images/logo.png");
}
更多相关文章
- （转）让所有浏览器支持HTML5 video视频标签
- 解决FCKEditor编辑器在浏览器返回时显示html源代码的问题
- pdf2htmlEX 安装与保持最新版本
- 解决html代码中插入的图片在浏览器中不显示的办法
- 如何在SQL中写正则表达式(适用于Ms SQL Server 2000以上版本)
- j2ee的web项目，有最终的html代码（即f12看到的最终给用户浏览器展示
- 去除Chrome浏览器文本框边缘的黄线
- 我可以在所有浏览器中使用我的屏幕外菜单吗？
- 浏览器加载和渲染html的顺序