ITPub博客

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

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

原创 IT综合 作者:gugu99 时间:2007-12-06 08:13:20 0 删除 编辑
SVG中的动画技术(3) (转)[@more@]SVG中的动画技术(3)

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

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

语法如下:

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

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

语法如下:

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

XML version="1.0" encoding="UTF-8" standalone="no"?>
w3c//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">










http://lucky.myrice.com

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


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

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