Raphael.js API之 Animation.delay(),Animation.repeat(),Element.animateWith()
2014-06-18 09:57
417 查看
/*API-1,2*/
Animation
Animation.delay(delay)
复制一个现有的动画对象并为其设置延迟
参数列表:
delay
number类型
动画延迟毫秒数
返回值:最新修改的动画对象
示例:
var anim = Raphael.animation({cx: 10, cy: 20}, 2e3);
circle1.animate(anim);
circle2.animate(anim.delay(500));
/*API-3*/
Animation.repeat(repeat)
重复一个现有的动画对象
参数列表:
number类型
动画重复次数
返回值:最新修改的动画对象
/*API-7*/
Element.animateWith()
扮演类似的元素动画,但保证给定的动画与另一个给定的元素同步进行
参数列表:
el
Object类型
需要同步的对象
anim
Object类型
需要同步的动画
params
可选参数
Object类型
元素执行最终动画的属性
ms
可选参数
number类型
动画执行时间
easing
可选参数
字符串类型 string
可被接受的一些CSS样式
callback
可选参数
function
{
动画完成后执行的操作
}
element
Object类型
需要同步的元素
anim
Object类型
需要同步的动画
animation
可选参数
Object类型
动画对象
返回值:动画对象
Animation
Animation.delay(delay)
复制一个现有的动画对象并为其设置延迟
参数列表:
delay
number类型
动画延迟毫秒数
返回值:最新修改的动画对象
示例:
var anim = Raphael.animation({cx: 10, cy: 20}, 2e3);
circle1.animate(anim);
circle2.animate(anim.delay(500));
/*API-3*/
Animation.repeat(repeat)
重复一个现有的动画对象
参数列表:
number类型
动画重复次数
返回值:最新修改的动画对象
/*API-7*/
Element.animateWith()
扮演类似的元素动画,但保证给定的动画与另一个给定的元素同步进行
参数列表:
el
Object类型
需要同步的对象
anim
Object类型
需要同步的动画
params
可选参数
Object类型
元素执行最终动画的属性
ms
可选参数
number类型
动画执行时间
easing
可选参数
字符串类型 string
可被接受的一些CSS样式
callback
可选参数
function
{
动画完成后执行的操作
}
element
Object类型
需要同步的元素
anim
Object类型
需要同步的动画
animation
可选参数
Object类型
动画对象
返回值:动画对象
相关文章推荐
- Raphael.js API之Paper.image(),Element.animate()
- Raphael.js API 之 Element.attr()
- Raphael.js API 之Element.unclick(),Paper.add(),Paper.rect(),Element.status()
- Raphael.js API之Element.clone(),Element.data(),Element.dblclick()
- Raphael.js API 之Element.remove(),Element.removeData(),paper.text(),Element.node(),Element.onDragOver
- Raphael.js API之 Paper.path(),Element.click()
- Raphael.js API之 Element.raphael,Paper.raphael,Paper.print()
- Raphael.js API之Element.id,Element.insertAfter(),Element.insertBefore(),Element.hide(),Paper.clear(),
- Raphael.js API之Element.drag(),Element.toBack()
- Raphael.js API之Raphael.svg(),Element.paper,Element.pause(),Raphael.pathBBox(),Raphael.st,Raphael.el
- Raphael.js API之Element.mousedown(),Element.mousemove(),Element.mouseup(),Element.mouseout(),Element.
- Raphael.js API 之Element.remove(),Element.removeData(),paper.text(),Element.node(),Element.onDragOver
- C# Fade Form Effect With the AnimateWindow API Function
- [three.js] 地图不能解决重复的问题 Solving with Texture RepeatWrapping Fail Issue
- Raphael.js API之Raphael.getPointAtLength(),Paper.forEach(),Paper.remove(),Paper.set(),Paper.setStart(
- swift2.0 CASpringAnimation 和 UIView.animateWithDuration 分别实现弹性动画
- Raphaël Raphael.js 中文帮助文档,SVG、VML、Javascript矢量库(Raphael Reference API)
- [MEAN Stack] First API -- 1. with Node.js, Express and MongoDB
- 连续执行UIView的animateWithDuration:delay:options:animations:completion出现的问题
- [three.js] 解決貼圖無法重複的問題 Solving with Texture RepeatWrapping Fail Issue