svg
介绍

可缩放矢量图形(Scalable Vector Graphics,SVG).SVG是一种用来描述二维矢量图形的 XML 标记语言。SVG推出于1999年,2003年成为W3C标准。

简单地说,SVG 面向图形,HTML 面向文本。SVG是XML语言的一种形式,有点类似XHTML,它可以用来绘制矢量图形。SVG可以通过定义必要的线和形状来创建一个图形,也可以修改已有的位图,或者将这两种方式结合起来创建图形。图形和其组成部分可以变形,可以合成,还可以通过滤镜完全改变外观。

与CANVAS区别:

SVG实现了DOM接口,比Canvas操作更方便。

HTML提供了定义标题、段落、表格等等内容的元素。与此类似,SVG也提供了一些元素,用于定义圆形、矩形、简单或复杂的曲线,以及其他形状。一个简单的SVG文档由<svg>根元素和基本的形状元素构成。另外还有一个g元素,它用来把若干个基本形状编成一个组。
从这些开始,SVG可以成为任何复杂的组合图形。SVG支持渐变、旋转、滤镜效果、JavaScript接口等等功能,但是所有这些额外的语言特性,都需要在一个定义好的图形区域内实现。

SVG的元素和属性必须按标准格式书写,因为XML是区分大小写的(这一点和html不同)
SVG里的属性值必须用引号引起来,就算是数值也必须这样做。