Skip to content

引擎生命周期

从创建引擎到结束,会经历创建元素、启动引擎、首次布局、引擎准备就绪、首次渲染、视图准备就绪、多次渲染生命周期、停止/重启、销毁等过程,从而形成一个引擎的生命周期。


引擎生命周期


示例

生命周期中的不同状态会通过 LeaferEvent进行通知,你也可以通过 Leafer 实例监听这些事件实现自己的产品逻辑。

监听 ready 事件

ts
// #监听 Leafer 事件
import { Leafer, Rect, LeaferEvent } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = new Rect({ x: 100, y: 100, fill: '#32cd79', draggable: true })

leafer.add(rect)

leafer.on(LeaferEvent.READY, function () {
    // ready
})

下一步

渲染生命周期

Released under the MIT License.