简介
scalable Vector Graphics 可缩放矢量图形
SVG是一种基于XML的图像格式，和传统的位图技术不同，SVG存储的是图像的数学描述，而非具体图像。
SVG的优点？
1.自由的缩放 分辨率无关
SVG存储的是图像的数学描述，因此，SVG图像可以自由的缩放，而不会产生位图的放大后产生马赛克，可以很好的适配各种屏幕。
2.以XML作为存储结构
基于数学描述的图像可以有多种格式
比如CSV结构
type,cx,cy,r
circle,30,20,15
或者为JSON结构
{
"type":"circle",
"cx":"30",
"cy":"20",
"r":"15",
}
SVG则选择了XML为结构
<circle cx="30" cy="20" r="15" />
以XML为结构最大的优势就在于，可以在javascript中使用DOM，像操作HTML文档那样子操作SVG文件。
