ITPub博客

首页 > 应用开发 > IT综合 > SVG中的动画技术(3) (转)

SVG中的动画技术(3) (转)

原创 IT综合 作者:amyz 时间:2007-10-31 11:00:22 0 删除 编辑
SVG中的动画技术(3) (转)[@more@]SVG中的动画技术(3)

 SVG 产生动画的方式是由脚本语言DOM的属性和方法实现的,在SVG中使用脚本语言和HTML中类似,首先是指定脚本的语言类型:有两种办法可以指定脚本的语言类型

1),在SVG元素里使用contentScriptType属性,可以指定整个文档里使用的缺省脚本语言类型。

语法如下:

content-type指定一种类型,默认是"text/ecmascript"

2),在script元素里使用type属性来声明该段脚本所使用的语言类型。

语法如下:

 下面看一个利用SVG DOM产生动画的例子:

version="1.0" encoding="UTF-8" standalone="no"?>
"">











 上面的例子中,首先找到要进行动画的元素的容器元素,即g;然后每隔50px高产生一个50*50的正方形,并把他们添加到g的节点中,最后每隔80毫秒,动态改变其位置和透明度,就可以看到动态的效果了!


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/10752019/viewspace-979916/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
  • 博文量
    3982
  • 访问量
    7512497