SVG中国

　 　本篇文章主要为SVG入门级别用户提供的初级指南，通过简单易理解的文字及简洁明了的图片，还有生动的SVG实例，让用户可以很快的了解SVG，并且知道SVG的标签元素是怎样工作的。文章最后还介绍了高级功能：SVG动画。

什么是SVG?

　　SVG（Scalable Vector Graphics）“可升级矢量图形”的意思，它由W3C制定的基于可扩展标记语言 (XML) 来描述二维矢量图形的一个开放标准。它使Web开发人员、设计人员和用户摆脱HTML的限制，并通过一个简单的说明性编程模型创建丰富的视觉内容和交互功 能。

　　SVG严格遵从 XML 语法，并用文本格式的描述性语言来描述图像内容，因此它是一种和图像分辨率无关的矢量图形格式，利用这一强大特性的技术，XML开发人员可以根据来自实时 数据源（如电子商务系统和公司数据库）的数据驱动型、交互式和个性化图形创建Web应用程序。而且，无论用户如何与数据交互，开发人员都可以针对许多不同 对象、文化和人群来自定义SVG。

SVG的优点

1. SVG档桉可以用一系列的工具去被读和修改
2. 档桉可以被压缩的比JPEG和GIF档还要小
3. 图像印出来时，会以高品质的解析呈现
4. 图像可以任意的放大或缩小，也不会因此失焦

SVG和Flash的比较

• 由W3C所制定的SVG（Scalable Vector Graphics；可缩放向量图形）是网页向量图形及动画的标准，可视为图形及动画的格式，也可让开发人员摆脱HTML的限制，建立互动式图形输出Web 应用程式。由于SVG资料连结及程式控制的技术是公开的，因此可以整合的应用比Flash广泛，不过因为推出的时机晚，因此难以撼动Flash的市佔率。
• SVG的推广比不上Flash除了Flash较精緻外,使用SVG必须安装SVG Viewer,市面上出现很多的SVG Viewer,但对作业系统的支援度不同，使SVG Viewer不像FlashPlayer一样容易部署。
• SVG所用的XML格式，站在资料搜寻的角度相当有利，可被浏览器、搜寻引擎或其他具有文字搜寻功能的软体读取。且SVG不具独占性，可以实作在各种工具及浏览器中。相对的FLASH在搜寻的部份就差了很多。

　　SVG还有两个功能较阳春的版本：SVG Tiny和SVG Basic。SVG Tiny是针对萤幕较小，硬体规格较差的手机而设计的。SVG Basic功能强一些，适用于PDA。             

SVG基本图形

　　SVG内建图形有：

• 长方形（RECTANGLE）
• 圆形(CIRCLE)
• 椭圆形(ellipse)
• 直线(line)
• 多边形(polygon)
• 连续线（polyline)

图形着色

• Fill ：设定图形内部着色
• Fill-opacity：设定图形内部透明度
• Stroke：设定图形轮廓着色
• Stroke-width：设定图形轮廓宽度