SVG 引言

简介

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文件。