简体中文
Appearance
应用通过局部渲染来提高画布重绘的效率,当页面中有数万个元素的时候,只更新变化的区域。
变化前和变化后的元素 渲染边界(包围盒) 组成了变化区域。
当无法判断元素包围盒,如编辑框、背景网格的 Leafer 层,这个时候可以关闭局部渲染。
// #应用配置 - 关闭局部渲染 [App] import { App, Rect, Debug } from 'leafer-ui' const app = new App({ view: window, tree: { usePartRender: false } }) Debug.showRepaint = true app.tree.add(Rect.one({ fill: '#32cd79', draggable: true }, 100, 100))
// #应用配置 - 关闭局部渲染 [Leafer] import { Leafer, Rect, Debug } from 'leafer-ui' const leafer = new Leafer({ view: window, usePartRender: false }) Debug.showRepaint = true leafer.add(Rect.one({ fill: '#32cd79', draggable: true }, 100, 100))
接下来将带你了解几个重要的 生命周期,就算完成入门的学习了。
Vue
React
Nuxt.js
VitePress
Next.js