npm.io
1.0.11 • Published 6 years ago

animation-util

Licence
MIT
Version
1.0.11
Deps
1
Size
42 kB
Vulns
0
Weekly
0

AnimationUtil

安装

$ npm install animation-util --save

引用

import Timer from 'animation-util';

使用示例

var Timer = require('animation-util');

var block = document.querySelector('#block');

let timer = new Timer({
  duration: 500,
  easing: 'easeOutSine',
  onStart:(e)=>{
    console.log(e);
  },
  onRun: (e) => {
    block.style.webkitTransform = `translateX(${e.percent * 200}px)`;
  },
  onEnd: (e)=>{
    console.log(e)
  }
});

timer.run();

API说明

属性
名称 类型 默认值 描述
duration Number Infinity 动画周期(ms)
easing String linear 动画缓动函数
bezierArgs Array - 动画缓动函数(贝塞尔)
方法
名称 参数 返回值 描述
run / / 开始动画
stop / / 停止动画
onStart / 开始动画
onRun / 正在动画
onStop / 正在中断
onEnd / 结束动画

Keywords