文档：SVG | MDN
1.简介
可缩放矢量图形，即SVG，是W3C XML的分支语言之一，用于标记可缩放的矢量图形。
目前SVG在Firefox、Opera、Webkit浏览器、IE等浏览器中已经部分实现。
SVG是一种XML语言，类似XHTML，可以用来绘制矢量图形。
SVG可以通过定义必要的线和形状来创建一个图形，也可以修改已有的位图，或者将这两种方式结合起来创建图形。
图形和其组成部分可以变换（be transformed）、合成、或者通过滤镜完全改变外观。
2.元素
SVG也提供了一些元素，用于定义圆形、矩形、简单或复杂的曲线。
一个简单的SVG文档由<svg>根元素和基本的形状元素构成。
另外还有一个g元素，它用来把若干个基本形状编成一个组。
从这些开始，SVG可以变得更加复杂。
SVG支持渐变、旋转、动画、滤镜效果、与JavaScript交互等等功能
但是所有这些额外的语言特性，都需要在一个定义好的图形区域内实现。
SVG的元素和属性必须按标准格式书写，因为XML是区分大小写的（这一点和HTML不同）
SVG里的属性值必须用引号引起来，就算是数值也必须这样做。
3.简单使用
<svg
