3、Scalable Vector Graphics (SVG)基础入门

Scalable Vector Graphics (SVG)基础入门

1. SVG简介

SVG（Scalable Vector Graphics）是一种基于XML的矢量图形语言，它将HTML描述超链接文档的基本概念应用于矢量图形领域。与其他图形格式相比，SVG具有以下显著特性：
1. 命名图形实体 ：SVG中的所有元素都可以命名和引用，这使其在操作单个图形元素方面具有出色的控制能力。
2. 动画效果 ：通过集成同步多媒体集成语言（SMIL），SVG能够对图形的各种属性、路径，甚至音频和视频进行控制，实现多样化的动画效果。
3. 文本处理 ：SVG支持在单个线条、字形级别以及更高层次的组织中处理文本，还能嵌入HTML，未来版本将支持流程图和页面处理。
4. 交互式编程 ：SVG支持原生文档对象模型（DOM），可使用多种语言（如JavaScript、Java、C++等）对SVG场景图进行复杂操作。
5. 链接资源 ：SVG通过将图形或图形元素链接到其他图形来管理资源，支持包含外部SVG文件内容，便于实现基于库的图形和功能类。
6. 元数据支持 ：由于基于XML，SVG可以包含图形特定部分的元数据，并将这些部分与外部元数据绑定，使图形具有更强的自描述性。

SVG的这些特性使其在图形语言中独树一帜，其功能通常与完整的用户界面API相关联。同时，作为XML语言，SVG具有诸多优势，例如可使用XSLT等语言将XML文档转换为图形