Class: Animation ​

一般通过AnimationSystem来创建实例

// 通常调用animationSystem的anime来创建
let animation = new Animation(from, to, duration, updateFunction);

// 设置属性...
animation.effect = 'easeOutBounce';

// 播放
animation.play();

// play() 返回一个Promise对象
animation.play().then(function(){
   // 播放结束后的处理
});

// 暂停
animation.pause();

// 取消
animation.cancel();

Table of contents ​

Constructors ​

• constructor

Properties ​

• currentTime
• delay
• delayed
• direction
• duration
• effect
• finished
• from
• isPause
• name
• onEnd
• playState
• playedTimes
• startTime
• times
• to
• update

Methods ​

• cancel
• continue
• onUpdate
• pause
• play
• set
• setDuration
• setFrom
• setTo

Constructors ​

constructor ​

new Animation(from?, to?, duration?, update?)

start 、end 可以是数字，也可以是包含数字的数组

创建实例时start、end、time、action参数可以为空， 但是调用play()方法之前要确保都已经被赋过值。

Parameters ​

Properties ​

currentTime ​

currentTime: number

delay ​

delay: number

设置动画开始之前的延迟时间，默认为 0

delayed ​

delayed: boolean

direction ​

direction: "normal" | "reverse" | "alternate" | "alternate-reverse"

运动方向（animation-direction） --normal 是正常运动

--reverse 反向运动

--alternate 运动完后，动画返回

--alternate-reverse 反向运动完后，动画返回

duration ​

duration: number

持续时间

effect ​

effect: EasingNames

finished ​

finished: boolean

from ​

from: AnimationFrameData

初始数据集

isPause ​

isPause: boolean

name ​

Optional name: string

名称

onEnd ​

Optional onEnd: Function

结束时的回调函数

playState ​

playState: "idle" | "pending" | "running" | "paused" | "finished"

能够返回并设置一个可枚举值来描述一个动画的回放状态。

playedTimes ​

playedTimes: number

已经播放了多少次

startTime ​

startTime: number

开始时间

times ​

times: number

重复次数（animation-iteration-count），默认1 --可设置数值如： 5 --也可设置为无限次: Infinity

to ​

to: AnimationFrameData

结束数据集

update ​

update: Function

每一帧执行的动作函数

Methods ​

cancel ​

cancel(): Animation

取消

Returns ​

Animation

continue ​

continue(): Animation

继续，从暂停处继续, 改成？resume

Returns ​

Animation

self

onUpdate ​

onUpdate(action): Animation

设置动画每一帧的回调函数

Parameters ​

Returns ​

Animation

pause ​

pause(): Animation

暂停

Returns ​

Animation

self

play ​

play(): Promise<any>

开始

Returns ​

Promise<any>

自身

set ​

set(from, to, duration, update?): Animation

Parameters ​

Returns ​

Animation

setDuration ​

setDuration(duration): Animation

设置时间, 再次调用play时生效

Parameters ​

Returns ​

Animation

setFrom ​

setFrom(from): Animation

设置开始数据

Parameters ​

Returns ​

Animation

self

setTo ​

setTo(end): Animation

设置结束数据

Parameters ​

Returns ​

Animation