局部渲染
应用通过局部渲染来提高画布重绘的效率,当页面中有数万个元素的时候,只更新变化的区域。
变化前和变化后的元素 渲染边界(包围盒) 组成了变化区域。
关闭局部渲染
当无法判断元素包围盒,如编辑框、背景网格的 Leafer 层,这个时候可以关闭局部渲染。
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)
恭喜 🎉
你已完成进阶知识的学习,接下来将带你了解几个常用的场景插件,工作中经常会用到。