链式操作-chain

将多个动画放到一个队列里面,完成一个动画才会执行下一个动画

引入

import { chain } from 'popmotion';

使用

chain(
  tween({ to: 300 }),
  spring({ from: 100, to: 200 })
).start({
  update: (v) => console.log(v),
  complete: () => console.log('All actions complete')
})

先执行0 => 300的tween动画,然后执行100 => 200的spring动画,最后出发complete

方法

chain()action是一样的,同样提供了filter pipe start while方法

实例方法

stop