$ui/utils/tween - Documentation

缓动动画函数和各类算法

Source:

tween.js, line 1

Author:

陈华春

(require("$ui/utils/tween"))(startValue, endValue, during, easingFunc, stepCb) → {Promise}

Source:

tween.js, line 43

缓动动画函数

Example

import tween, {easeInCubic} from '@/utils/tween'
 tween(0, 100, 300, easeInCubic, function(val){
     console.log(val)
     // to do something
 })

Parameters:

Name	Type	Description
`startValue`	number	开始时的值
`endValue`	number	结束时的值
`during`	number	动画持续时间，单位：毫秒
`easingFunc`	function	缓动算法函数
`stepCb`	function	每次改变的回调函数

Returns:

Promise实例

Type: Promise

Methods

(static) easeInBack(x) → {number}

Source:

tween.js, line 279

easeInBack

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInBounce(x) → {number}

Source:

tween.js, line 306

easeInBounce

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInCirc(x) → {number}

Source:

tween.js, line 235

easeInCirc

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInCubic(x) → {number}

Source:

tween.js, line 105

easeInCubic

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInElastic(x) → {number}

Source:

tween.js, line 257

easeInElastic

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInExpo(x) → {number}

Source:

tween.js, line 213

easeInExpo

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInOutBack(x) → {number}

Source:

tween.js, line 297

easeInOutBack

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInOutBounce(x) → {number}

Source:

tween.js, line 334

easeInOutBounce

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInOutCubic(x) → {number}

Source:

tween.js, line 123

easeInOutCubic

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInOutQuad(x) → {number}

Source:

tween.js, line 96

easeInOutQuad

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInOutQuart(x) → {number}

Source:

tween.js, line 150

easeInOutQuart

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInOutQuint(x) → {number}

Source:

tween.js, line 177

easeInOutQuint

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInOutSine(x) → {number}

Source:

tween.js, line 204

easeInOutSine

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInQuad(x) → {number}

Source:

tween.js, line 78

easeInQuad

Parameters:

Name	Type	Description
`x`	number

Returns:

Type: number

(static) easeInQuart(x) → {number}

Source:

tween.js, line 132

easeInQuart

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInQuint(x) → {number}

Source:

tween.js, line 159

easeInQuint

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeInSine(x) → {number}

Source:

tween.js, line 186

easeInSine

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutBack(x) → {number}

Source:

tween.js, line 288

easeOutBack

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutBounce(x) → {number}

Source:

tween.js, line 315

easeOutBounce

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutCirc(x) → {number}

Source:

tween.js, line 244

easeOutCirc

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutCubic(x) → {number}

Source:

tween.js, line 114

easeOutCubic

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutElastic(x) → {number}

Source:

tween.js, line 266

easeOutElastic

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutExpo(x) → {number}

Source:

tween.js, line 222

easeOutExpo

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutQuad(x) → {number}

Source:

tween.js, line 87

easeOutQuad

Parameters:

Name	Type	Description
`x`	number

Returns:

Type: number

(static) easeOutQuart(x) → {number}

Source:

tween.js, line 141

easeInQuart

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutQuint(x) → {number}

Source:

tween.js, line 168

easeOutQuint

Parameters:

Name	Type	Description
`x`

Returns:

Type: number

(static) easeOutSine(x) → {number}

Source:

tween.js, line 195

easeOutSine

Parameters:

Name	Type	Description
`x`

Returns:

Type: number