基于XML的SVG的探讨（一）

背景：随着Internet 技术的普及和发展, 静态Web 网页存在很大的缺陷，如其可交互性差、更新不方便。由于这些缺点，动态Web 网页应运而生。1998 年W3C 组织提出矢量图像的初始标准VML ( 矢量标记语言) 和PGML ( 精度图像标记语言)。然而，这两个标准因为其性能的不足，未能普及。基于些，W3C组织以XML语言为基础，结合了VML和PGML的优点，发布了SVG（Scalable Vector Graphics   可缩放的矢量图形）。

定义：SVG（Scalable Vector Graphics）可缩放的矢量图形。顾名思义，这是一个矢量图形的标准，用来描述图形的标记语言，它具有可缩放性，矢量特性。 其基于XML语言，具有XML的一般特性。SVG 提供了矢量图形、图像、渐变填充、滤镜操作、可重用单元和文本等操作对象, 并在此基础上可进行组合、添加样式、几何变换、复合等操作。特征集包括嵌套变换、剪切路径、Alpha 蒙版、滤镜效果、模板对象和动画效果, 极大地丰富了图形图像的显示效果。

特点：SVG与传统的图形有什么优势，这是值得我们思考的。我们先从SVG的特点来看。

1.SVG是基于XML的。XML是一种标记语言，其语法灵活，而且以文本的形式表现。开放性和可扩展性很强，有利于进一步的发展。而且，可以实现不同平台的切换，具有跨平台性。

2.SVG是矢量图形。这可以保证图形的缩放，变形，分辨率，下载速度等问题。相对传统的位图来说，这是一个很大的进步，比位图灵活。

3.SVG可以无极缩放。上面提到可以保证其缩放性，这种缩放是可以实现无极缩放的。也就是说，不管你缩放到什么程度，都不会影响图形的品质。

4.文本特性。由于其是基于XML的，是用文本来表示图形的，因此占用的资源少，下载速度快。用文本打开就可以编辑，易修改。

5.具有交互性。过去的位图只是图片，不存在交互性。而SVG编辑的图形是可以与用户交互的，能过DOM接口，可以用JavaScript来实现其交互性。这是对网络的互动性有力支持。

小结：本小结讲SVG的来历，定义，特点。希望对大家能够有帮助。以后会慢慢的介绍一些我对SVG的浅显的看法，及一些应用。