svg使用之入门

文档：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里的属性值必须用引号引起来，就算是数值也必须这样做。