Skip to content

动画

动画功能,支持延时、摇摆循环、seek,可制作过渡动画、关键帧动画、滚动动画、路径动画。

支持以 animationtransitionanimate() 方法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 元素

Released under the MIT License.