元素创建实例:
创建一个矩形,将在3秒内更改其位置,然后重复动画两次
attributeName:指定哪个属性需要产生动画效果
from:指定属性的起始值
to:指定属性的结束值
dur:指定动画运行的时间(持续时间)
fill='frezee|remove':指定动画播放完毕后是停留在播放的终点还是回到起始位置
repeatCount:指定动画的重复播放次数
在上面的例子中,矩形在3s内将其x属性从0更改为300
●要无限重复动画,请使用值'indefinite'作为repeatCount属性
元素用于定义一个路径下面的命令可用于路径数据:
●M=moveto
●L=lineto
●H=horizontal lineto
●V=vertical lineto
●C=curveto
●S=smooth curveto
●Q=quadratic Bezier curve
●T=smooth quadratic Bezier curveto
●A=elliptical Arc
●Z=closepath
注意:以上所有命令均允许小写字母.大写字母表示绝对定位,小写字母表示相对定位
实例:
上面的例子中定义了一条路径,它开始于150 0,到达位置75 200,然后从那里开始到225 200,最后150 0关闭路径
二 html5 Canvas
html5