动画
动画功能,支持延时、摇摆循环、seek,可制作过渡动画、关键帧动画、滚动动画、路径动画。
支持以 animation、transition、animate() 方法、Animate 实例 等各种方式创建动画。
注意事项
需安装 动画插件 才能使用。
ts
import { Leafer, Rect } from 'leafer-ui'
import '@leafer-in/animate'
const leafer = new Leafer({ view: window })
const rect = new Rect({
y: 100,
cornerRadius: 50,
fill: '#32cd79',
animation: {
style: { x: 500, cornerRadius: 0, fill: '#ffcd00' }, // style keyframe
duration: 1,
swing: true // 摇摆循环播放
}
})
leafer.add(rect)