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 })

下一步

渲染生命周期