Leafer
创建 Leafer 应用。
关键属性
width: number
获取/设置画布宽度。
height: number
获取/设置画布高度。
pixelRatio: number
获取/设置画布分辨率, 默认使用当前设备分辨率。
ready: boolean
应用是否准备就绪
ts
import { Leafer, LeaferEvent } from 'leafer-ui'
const leafer = new Leafer({ view: window })
leafer.on(LeaferEvent.READY, function () {
// 应用准备就绪
})
leafer.on(LeaferEvent.VIEW_READY, function () {
// 视图准备就绪
})
running: boolean
应用是否运行中
config: ILeaferConfig
应用的配置对象,部分配置运行中可以修改。
canvas: ILeaferCanvas
可以适配不同平台的画布封装对象。
获取真实的画布对象:
ts
import { Leafer } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const canvas = leafer.canvas.view
const context = leafer.canvas.context
console.log('canvas', canvas) // HTMLCanvasElement
console.log('2d context', context) // CanvasRenderingContext2D
关键方法
start()
启动/重启应用
ts
import { Leafer } from 'leafer-ui'
const leafer = new Leafer({
view: window,
start: false
})
// async create leafs ...
leafer.start()
stop()
停止应用
resize(size: IScreenSizeData
)
重置画布大小
destory()
销毁应用