连接线的:解说:跟直线的性质大略相同,不过可以设多点,他会自动连接起来,自动连成一个多边形!
{跟JAVA3D中的画布感觉一样的哦!}
及元素
用来描述文字字串,常与群组结构元素或图形元素连用以提供相关资讯。及元素的内容不会被显示画布上,相当于是注解功能。
元素
是一种用来群组相关图形元素在一起的容器元素,群组元素被视为单独物件,可以使用属性id为群组命名以便做为动画及再使用物件。
示例:
圆群组 相当于注解了不会显示出来的呀!
当作一个容器
transform="translate(0,50)" />
transform="translate(70,150)" />
transform="translate(-70,150)" />
元素
主要用途是为相同文件里,多次使用的图形模版画以增加文件结构性。
示例代码如下:
定义箭头符号
symbol的使用方法
补充一下说明此箭头的形成:参照上面范例的path,l是一个起点,10和50这两组数字分别代表X与Y的位置,而图形从此这做起。接着v但表垂直,-20是相对于M的位置而言,所以要往下20,接着h50是水平线往右移动50,再来v-25又是往下25,接着l
40 45,是画斜的连接到(40,45)的位置,这样就完成了一半,另外一半对称图形也是此类推即可完成。
补充说明:
- 元素与元素的差别是:
- 元素本身不被显示,只有元素的例证才会被显示。
- 元素的有viewBox和preserveAspectRatio属性允许
- 做适合缩放以符合由
元素
元素的内容模式和元素一样,因此,任何使用在元素容器里的子元素,同样的也可以使用在元素里,反之亦然,元素的内容不会直接被显示。而元素是针对被参考元素的容器元素,为了文件的可读性及可存取性而设置的,SVG规范建议尽可能将被参考的元素定义在元素中。
元素
可以将一个完整个档案内容显示在当前使用者坐标系统所指定的长方形元素能参考光栅图形影像档案,像是PNG、JPEG、MIME格式的档案。
接着来研究一下动画方面的内容吧:
SVG 引用SMIL动画元素
- 对单一随时间变化的属性做动画
- 非数值属性和性质的动画
- 让一个元素沿着路径运动
- 设定随时改变的颜色转换
SVG 延伸SMIL动画元素
允许动画控制平移、缩放、旋转、倾斜
Path属性
允许path属性设定到animateMotion元素
SVG允许一个animateMotion元素包含一个参考到SVGpath元素,当作运动路径定义的mpath子元素
keyPoint属性
SVG增加keyPoint属性,对animateotion元素运动路径动画精确的速度控制
rotate属性
SVG增加rotate属性,提供animateMotion元素控制物件在她的X轴相同方向或相反方向自动旋转,当为运动路径的方向切线速度