HTML5 内联 SVG 详解

1、一简单的示例，是可以先测试下效果。在html中引入svg文件。如图

2、引入了一个svg的五角星，可以通过放大和缩小浏览器测试，看看是否失真。

3、可以看到浏览器已经放大到了200%，图片依然清晰。

4、<img src="mySVG.svg" alt="" />

.el {background-image: url(mySVG.svg);}

<object type="image/svg+xml" data="mySVG.svg">

5、还可以通过html5 svg画出折线效果。

6、除此之外 svg 如果是文本的话，也可以加上链接跳转功能