html5 SVG

什么是SVG？

 　　SVG 指可伸缩矢量图形 (Scalable Vector Graphics) 
　　SVG 用来定义用于网络的基于矢量的图形 
　　SVG 使用 XML 格式定义图形 
　　SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 
　　SVG 是万维网联盟的标准 
　　SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

SVG有什么优势？ 

• 文件体积小，能够被大量的压缩 
• 图片可无限放大而不失真(矢量图的基本特征) 
• 在视网膜显示屏上效果极佳 
• 能够实现互动和滤镜效果 

基础篇

https://www.jianshu.com/p/2ea0ec6800d7

进阶篇

https://www.jianshu.com/p/ae87e188b44b