SVG文档语法结构

SVG 语法结构说明
文档说明
版本
日期
作者
说明
1.0
2006.1.29
很少想起你
第 1 页 共 23 页
SVG 语法结构说明
SVG语法结构
一、SVG文档结构格式（为了方便说明，在文中加入标号和冒号；为了方便阅读，加了超链接）：
1:
2: “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>
3:
4:
5: SVG文件内容描述，类似文件功能注解，这部分内容不会出现在以后显示的画面中

预定义可重用部件。并给它们指定以后可在图像主体中调用的标识。在图像主体部分通过用
标注引用预定义项的元素将它们链接到文档。

6:

7:

8:




9:





10:


第 2 页 共 23 页
SVG 语法结构说明




11:







12:





13:




14:
markerUnits="strokeWidth" markerWidth="3" markerHeight="10" orient="auto">






这里开始是整个SVG文件的重心，向量图形、图像、文字、动画等内容都应包含置于此。
15:

16:
第 3 页 共 23 页
SVG 语法结构说明

17:






18:
.
.
.
.
.
23: marker-mid="url(#arrow)"
marker-end="url(#arrow)" />


24: 专用变压器
变压器组

让我们荡起双桨

25: 显示属性
ID:
26: GroupID:
Remark:

27:

Text travels along any path that you define for it!



第 4 页 共 23 页
SVG 语法结构说明



第一行：从本质上来说，SVG 文档是 XML 文档。这就是说 SVG 文档有某些基本属性。所以文档应该以 XML 声明 开始。
version属性表示XML的版本，因为解析器对不同的版本的解析肯定会有区别，尽管目前版本只有1.0版本，但在声明中必须指定version
属性。
standalone属性规定本svg文件是否是独立的，如果将其设置为”yes”,则表示该文档没有依赖外面的任何文件
而可以独立存在，即不需要DTD文件来验证其中的标识是否有效，也不需要XSL、CSS文件来控制其显示外观；将standalone属性设置为”no”时，则表示该文档依赖于外面的某个文件，例如依赖于某个DTD文件或XSL、CSS文件。standalone属性的默认值是”yes”。
encoding由于可以采用不同的字符编码集来书写一个字符内容完全相同的XML文档，所以，XML软件工具（包括分析器）就需要知道该XML文档所使用的字符编码方式。这可以通过在XML文档声明中指定encoding属性来说明。
第二行：指定外部的DTD。XML文档通过使用DOCTYPE声明语句（文档类型定义语句）来指明它所遵循的DTD文件。DOCTYPE声明语句紧跟在XML文档
声明语句后面，有两种格式：
（1）
（2）
各部分的意义和作用如下：
文档类型名称可以由XML文档编写者自己定义，一个通用的习惯是使用XML文档的根元素名称来作为文档类型名称。
关键字SYSTEM表明XML文件所遵循的是一个本地或组织内部所编写和使用的DTD文件。
关键字PUBLIC表明该XML文件所遵循的是一个由权威机构制定的、公开提供给特定行业或公众使用的DTD文件，而不是某个组织内部的规范文件。
“DTD名称”用于指定该DTD文件的标识名称，它只在使用关键字PUBLIC的DOCTYPE声明语句中出现。DTD标识名称需要用双引号括起来，例如，用于Java Web应用程序的配置文件的DTD文件的标识名称为”-//Sun Microsystems,Inc.//DTD Web Application 2.3//EN”。DTD标识名称应符合一些标准的规定，对于ISO标准的DTD以”ISO”三个字母开头；被改进的非ISO标准的DTD以加号”+”开头；未被改进的非ISO标准的DTD以减号”-”开头。紧跟着开始部分后面的是双斜杠”//”及DTD所有者的名称，在这个名称之后又是双斜杠”//”，之后是DTD所描述的文件的说明，最后在双斜杠”//”之后是语言的种类。虽然标识名称看上去比较复杂，但这完全是由DTD文件发布者去考虑的事情，XML文件的编写者只要把DTD文件的发布者事先定义好的DTD标识名称复制到相应的位置就可以了。
“DTD文件的URL”部分指定该DTD文件所在的位置，需要用双引号括起来。对于使用PUBLIC属性的DOCTYPE语句，”DTD文件的URL”指定该该DTD文件的在Internet上的绝对URL，例如，用于Java Web应用程序的配置文件的DTD文件的位置为
“http://java.sun.com/dtd/Web-app_2_3.dtd”。解析器在对XML文档进行有效性确认时，通常都需要从该指定的URL下载DTD文件，但是，对于一些已经制定成为了行业标准的DTD文件，一些相应的解释器程序可能已经将他们内嵌进去，所以在解析时并不一定到指定的URL进行下载。对于使用SYSTEM属性的DOCTYPE语句，”DTD文件的URL”除了可以是Internet上的一个绝对URL外，它还可以是一个本地文件系统的相对路径。
该DTD”http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”，在W3C网站上，并包含所有可用的svg元素。
第 5 页 共 23 页
SVG 语法结构说明
第三行：
在指定width和height后，我们实际上就建立了一个显示图形的显示区，单位可以使用em、ex、px、pt、pc、cm、mm，如果不指定单位，则缺省的单位是像素点。所有其他物品的测量数字的单位与width和height所使用的单位相同。
svg文档以根元素
名称空间的声明指定了这些 SVG 元素位于 SVG 名称空间内，编写这些元素时无需带任何名称空间的前缀。在使用Adobo SVG Viewer3.0浏览 SVG 图像时可以缺省定义这些命名空间，Adobo SVG Viewer3.0浏览环境会默认的将文档内的 XML 元素识别为SVG 元素。但当我们使用Batik 浏览 SVG 图像时，这些命名空间是必须要指定的，否则，脚本的链接和其他一些复杂的功能将不能起作用。
单位
含义
cm
公分 "1cm" equals "0.394in"
mm
毫米 "1in" equals "25.4mm"
in
英吋 "1in" equals "90px"
pt
点（72点 = 1 英吋）
pc
派卡（12 点 = 1 派卡，6 派卡 = 1 英吋）
px
像素（有时随格式化程式或设备的不同而有所不同，所以要小心使用）
em
一个大写M 的宽度
第四行：所有的SVG内容，都被放到标记之间。