动画

动画功能，支持延时、摇摆循环、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)

下一步

Robot 元素