基础配置
App 与 Leafer 的初始化基础配置。
关键属性
start: boolean
是否自动启动应用,默认为 true。
应用启动后,可以通过 leafer.stop()、 leafer.start() 手动控制渲染。
渲染属性
应用运行中修改 leafer.config 立即生效。
usePartRender: boolean
是否使用 局部渲染, 默认为 true
交互属性
应用运行中修改 app.config 立即生效。
注意 App 结构下只能设置在 App 的 config 上。
mobile: boolean
是否在手机端使用,自动优化体验(如停用 hover 事件、图形编辑器 可通过手势控制元素)
cursor: boolean
是否启用光标功能,默认为 true。
keyEvent: boolean
是否接收键盘事件, 默认为 true。
示例
手动启动应用
当图形数量很多,异步创建完后,通过手动 start(),可以加快创建速度。
ts
import { Leafer } from 'leafer-ui'
const leafer = new Leafer({
view: window,
start: false
})
// async create leafs ...
leafer.start()
关闭局部渲染
ts
import { Leafer, Rect, Debug } from 'leafer-ui'
const leafer = new Leafer({
view: window,
usePartRender: false
})
Debug.showRepaint = true
const rect = new Rect({ x: 100, y: 100, fill: '#32cd79', draggable: true })
leafer.add(rect)