一、认识SVG

（一）概念：

• SVG 意为可缩放矢量图形（Scalable Vector Graphics）
• 是使用 XML 来描述二维图形和绘图程序的语言
• SVG 用来定义用于网络的基于矢量的图形
• SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失

（二）优点：

• SVG 可被非常多的工具读取和修改（比如记事本）
• SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。
• SVG 是可伸缩的
• SVG 图像可在任何的分辨率下被高质量地打印
• SVG 可在图像质量不下降的情况下被放大
• SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）
• SVG 可以与 JavaScript 技术一起运行
• SVG 是开放的标准  与其他标准（比如 XSL 和 DOM）相兼容
• SVG 文件是纯粹的 XML

二、SVG的使用方式

• SVG 文件推荐使用 .svg（全部小写）作为扩展名

• SVG 代码以  和关闭标签

• width 和 height 属性可设置此 SVG 文档的宽度和高度

• version 属性可定义所使用的 SVG 版本

• xmlns 属性可定义 SVG 命名空间

• 关闭标签  的作用是关闭 SVG 元素和文档本身

• SVG 文件可通过以下标签嵌入 HTML 文档：、