页面 3 总共 13
在规范了语言和文件结构之后,我们再来看看(svg)标签。
(svg)标签对整个SVG文件做出说明,这包括:分析用户所使用的系统,大量的样式表定义等。
一个比较重要的应用是在(scg)标签里定义图像的有关显示属性。 这样的一行(svg)标签定义了:
<svg xml:space="preserve" width="3in" height="2in" viewBox="0 0 300 200">
1.文本的白色区域(whitespace)将被保存
2.图像在SVG文件中的原始尺寸是宽3in,高2in
3.显示图像使用300*200的区域
在下面的图像中,SVG文件建立了图像的显示容器,左上角的顶点定义为坐标(0,0),右下角定义为(300,200)。
现在我们已经可以为图像的显示建立显示区域,下面我们来看看SVG文件中元素(如特定的一个图案)的组织结构。如果你使用的SVG的文件是通过 Illustrtor输出并且保留有层的属性,你将看到在SVG文件源码中,曾作为一个整体的组,每一个组中的每一个层分别使用了一个(g id=" ")标签,id中定义层的名字,这样的定义使得层可在后续的操作中被调用。特别是做动态SVG时,实现动画和交互。
***附js1
