PageSourceSearch

https://www.leaferjs.com/ui/blog/2024-07-09.html

html leaferjs.com collected 2026-10-03 21:18:34 UTC 183,692 bytes, 42 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-CN" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width,initial-scale=1">
6    <title>LeaferJS 1.0 重磅发布:好用的 Canvas 渲染引擎 | LeaferJS</title>
7    <meta name="description" content="LeaferJS Docs">
8    <meta name="generator" content="VitePress v2.0.0-alpha.17">
9    <link rel="preload stylesheet" href="/ui/assets/style.7D1oTaPX.css" as="style">
10    <link rel="preload stylesheet" href="/ui/vp-icons.css" as="style">
11    
11<script type="module" src="/ui/assets/chunks/metadata.f90188a6.js"></script>
11
12    
12<script type="module" src="/ui/assets/app.4-DFgC63.js"></script>
12
13    <link rel="preload" href="/ui/assets/inter-roman-latin.Cy4MYw_J.woff2" as="font" type="font/woff2" crossorigin="">
14    <link rel="modulepreload" href="/ui/assets/chunks/theme.Db7BBJEU.js">
15    <link rel="modulepreload" href="/ui/assets/chunks/framework.D1x-bdOg.js">
16    <link rel="modulepreload" href="/ui/assets/blog_2024-07-09.md.Chvcf0ZS.lean.js">
17    <link rel="icon" href="/favicon.svg">
18    
18<script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?41f5d46a8318c07443e1dbf2809f46ce";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
18
19    
19<script>(function(){var e=document.createElement("script");e.src="https://context7.com/widget.js",e.dataset.library="/leaferjs/ai-docs",e.dataset.color="#32cd79",e.dataset.placeholder="Ask a question...",e.dataset.welcomeMessage="\u4F60\u597D\uFF0C\u6211\u662FAI\u52A9\u624B\u5C0F\u53F6\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u4F60\uFF1F";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
19
20    
20<script>setTimeout(function(){for(var t=document.getElementsByClassName("title"),e=0;e<t.length;e++)if(t[e].getAttribute("href")==="/ui/en/"){t[e].onmousedown=function(){location.href="https://www.leaferjs.com/en/"},t[e].setAttribute("href","https://www.leaferjs.com/en/");break}else if(t[e].getAttribute("href")==="/ui/"){t[e].onmousedown=function(){location.href="https://www.leaferjs.com/"},t[e].setAttribute("href","https://www.leaferjs.com/");break}function s(){var r=document.getElementsByClassName("VPSidebarItem");for(let o=0;o<r.length;o++){var n=r.item(o);if(n.getAttribute("class").indexOf("has-active")>-1){var i=n.getBoundingClientRect();i.y>window.innerHeight-100&&n.parentElement.scrollIntoView({behavior:"smooth"});break}}}s()},500);</script>
20
21    
21<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"dark",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
21
22    
22<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
22
23  </head>
24  <body>
25    <div id="app"><div class="Layout" data-v-54a0b186><!--[--><!--]--><!--[--><span tabindex="-1" data-v-caaa7d36></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-caaa7d36>Skip to content</a><!--]--><!----><header class="VPNav" data-v-54a0b186 data-v-89812731><div class="VPNavBar has-sidebar top" data-v-89812731 data-v-78311dd9><div class="wrapper" data-v-78311dd9><div class="container" data-v-78311dd9><div class="title" data-v-78311dd9><div class="VPNavBarTitle has-sidebar" data-v-78311dd9 data-v-63a8e513><a class="title" href="/ui/" data-v-63a8e513><!--[--><!--]--><!--[--><img class="VPImage logo" src="https://www.leaferjs.com/ui/svg/leaferjs-logo.svg" width="24" height="24" alt data-v-4c3521f8><!--]--><span data-v-63a8e513>LeaferJS</span><!--[--><!--]--></a></div></div><div class="content" data-v-78311dd9><div class="content-body" data-v-78311dd9><!--[--><!--]--><div class="VPNavBarSearch search" data-v-78311dd9 data-v-130f5625><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="搜索" aria-keyshortcuts="/ control+k meta+k" data-v-130f5625 data-v-85b3211e><span class="vpi-search" aria-hidden="true" data-v-85b3211e></span><span class="text" data-v-85b3211e>搜索</span><span class="keys" aria-hidden="true" data-v-85b3211e><kbd class="key-cmd" data-v-85b3211e>⌘</kbd><kbd class="key-ctrl" data-v-85b3211e>Ctrl</kbd><kbd data-v-85b3211e>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-78311dd9 data-v-bd45832f><span id="main-nav-aria-label" class="visually-hidden" data-v-bd45832f> Main Navigation </span><!--[--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-bd45832f data-v-9ac9abc0><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9ac9abc0><span class="text" data-v-9ac9abc0><!----><span data-v-9ac9abc0>✨ AI</span><span class="vpi-chevron-down text-icon" data-v-9ac9abc0></span></span></button><div class="menu" data-v-9ac9abc0><div class="VPMenu" data-v-9ac9abc0 data-v-b4b9f67b><div class="items" data-v-b4b9f67b><!--[--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://context7.com/leaferjs/ai-docs?tab=chat" target="_blank" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>询问AI - Context7</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://context7.com/leaferjs/ai-docs" target="_blank" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>MCP</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://github.com/leaferjs/ai-docs" target="_blank" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>Leafer AI 知识库 & Skills</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-bd45832f data-v-9ac9abc0><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9ac9abc0><span class="text" data-v-9ac9abc0><!----><span data-v-9ac9abc0>文档</span><span class="vpi-chevron-down text-icon" data-v-9ac9abc0></span></span></button><div class="menu" data-v-9ac9abc0><div class="VPMenu" data-v-9ac9abc0 data-v-b4b9f67b><div class="items" data-v-b4b9f67b><!--[--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/guide/" data-v-1290ccfa><!--[--><span data-v-1290ccfa>概览</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/guide/basic/leafer.html" data-v-1290ccfa><!--[--><span data-v-1290ccfa>快速入门</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/reference/display/Leafer.html" data-v-1290ccfa><!--[--><span data-v-1290ccfa>参考</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/plugin/in/editor/" data-v-1290ccfa><!--[--><span data-v-1290ccfa>图形编辑器</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://www.leaferjs.com/examples/" target="_self" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>示例</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://www.leaferjs.com/api/" target="_blank" rel="noreferrer" tabindex="0" data-v-bd45832f data-v-590556fe><!--[--><span data-v-590556fe>API</span><!--]--></a>
25<!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://www.leaferjs.com/playground/" target="_blank" rel="noreferrer" tabindex="0" data-v-bd45832f data-v-590556fe><!--[--><span data-v-590556fe>Playground</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-bd45832f data-v-9ac9abc0><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9ac9abc0><span class="text" data-v-9ac9abc0><!----><span data-v-9ac9abc0>生态</span><span class="vpi-chevron-down text-icon" data-v-9ac9abc0></span></span></button><div class="menu" data-v-9ac9abc0><div class="VPMenu" data-v-9ac9abc0 data-v-b4b9f67b><div class="items" data-v-b4b9f67b><!--[--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://www.leafer.pro" target="_blank" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>LeaferJS 开源森林</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://www.pxgrow.com" target="_blank" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>官方 PxGrow 生态</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/contribute/" data-v-1290ccfa><!--[--><span data-v-1290ccfa>社区早期贡献记录</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup active" data-v-bd45832f data-v-9ac9abc0><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-9ac9abc0><span class="text" data-v-9ac9abc0><!----><span data-v-9ac9abc0>v2.3.0</span><span class="vpi-chevron-down text-icon" data-v-9ac9abc0></span></span></button><div class="menu" data-v-9ac9abc0><div class="VPMenu" data-v-9ac9abc0 data-v-b4b9f67b><div class="items" data-v-b4b9f67b><!--[--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/update/" data-v-1290ccfa><!--[--><span data-v-1290ccfa>更新日志</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/blog/" data-v-1290ccfa><!--[--><span data-v-1290ccfa>博客</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/guide/#使命与愿景" data-v-1290ccfa><!--[--><span data-v-1290ccfa>愿景</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/guide/#卓越文化" data-v-1290ccfa><!--[--><span data-v-1290ccfa>文化</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/guide/problem/" data-v-1290ccfa><!--[--><span data-v-1290ccfa>常见问题</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link" href="/ui/guide/question.html" data-v-1290ccfa><!--[--><span data-v-1290ccfa>提问指南</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://github.com/leaferjs/leafer-ui/issues" target="_blank" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>Bug与建议</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://www.zhihu.com/topic/736459154/unanswered" target="_blank" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>知乎问答</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b4b9f67b data-v-1290ccfa><a class="VPLink link vp-external-link-icon" href="https://www.leaferjs.com/#contact" target="_blank" rel="noreferrer" data-v-1290ccfa><!--[--><span data-v-1290ccfa>技术交流群</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ui/sponsor/" tabindex="0" data-v-bd45832f data-v-590556fe><!--[--><span data-v-590556fe>赞助</span><!--]--></a>
25<!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-78311dd9 data-v-62ac22b6 data-v-9ac9abc0><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-9ac9abc0><span class="text" data-v-9ac9abc0><span class="vpi-languages option-icon" data-v-9ac9abc0></span><!----><span class="vpi-chevron-down text-icon" data-v-9ac9abc0></span></span></button><div class="menu" data-v-9ac9abc0><div class="VPMenu" data-v-9ac9abc0 data-v-b4b9f67b><!----><!--[--><!--[--><div class="items" data-v-62ac22b6><p class="title" data-v-62ac22b6>简体中文</p><!--[--><div class="VPMenuLink" data-v-62ac22b6 data-v-1290ccfa><a class="VPLink link" href="/ui/en/blog/2024-07-09.html" rel="alternate" lang="en" hreflang="en" data-v-1290ccfa><!--[--><span data-v-1290ccfa>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-78311dd9 data-v-6c8e25a0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="true" data-v-6c8e25a0 data-v-588af49b data-v-447680ac><span class="check" data-v-447680ac><span class="icon" data-v-447680ac><!--[--><span class="vpi-sun sun" data-v-588af49b></span><span class="vpi-moon moon" data-v-588af49b></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-78311dd9 data-v-aa784771 data-v-a7472f0f><!--[--><a class="VPSocialLink no-icon" href="https://github.com/leaferjs/ui" aria-label="github" target="_blank" rel="me noopener" data-v-a7472f0f data-v-38c74b0e><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-78311dd9 data-v-be26d4ea data-v-9ac9abc0><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-9ac9abc0><span class="vpi-more-horizontal icon" data-v-9ac9abc0></span></button><div class="menu" data-v-9ac9abc0><div class="VPMenu" data-v-9ac9abc0 data-v-b4b9f67b><!----><!--[--><!--[--><div class="group translations" data-v-be26d4ea><p class="trans-title" data-v-be26d4ea>简体中文</p><!--[--><div class="VPMenuLink" data-v-be26d4ea data-v-1290ccfa><a class="VPLink link" href="/ui/en/blog/2024-07-09.html" rel="alternate" lang="en" hreflang="en" data-v-1290ccfa><!--[--><span data-v-1290ccfa>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-be26d4ea><div class="item appearance" data-v-be26d4ea><p class="label" data-v-be26d4ea>Appearance</p><div class="appearance-action" data-v-be26d4ea><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="true" data-v-be26d4ea data-v-588af49b data-v-447680ac><span class="check" data-v-447680ac><span class="icon" data-v-447680ac><!--[--><span class="vpi-sun sun" data-v-588af49b></span><span class="vpi-moon moon" data-v-588af49b></span><!--]--></span></span></button></div></div></div><div class="group" data-v-be26d4ea><div class="item social-links" data-v-be26d4ea><div class="VPSocialLinks social-links-list" data-v-be26d4ea data-v-a7472f0f><!--[--><a class="VPSocialLink no-icon" href="https://github.com/leaferjs/ui" aria-label="github" target="_blank" rel="me noopener" data-v-a7472f0f data-v-38c74b0e><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-78311dd9 data-v-db781320><span class="container" data-v-db781320><span class="top" data-v-db781320></span><span class="middle" data-v-db781320></span><span class="bottom" data-v-db781320></span></span></button></div></div></div></div><div class="divider" data-v-78311dd9><div class="divider-line" data-v-78311dd9></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-54a0b186 data-v-a78d333e><div class="container" data-v-a78d333e><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-a78d333e><span class="vpi-align-left menu-icon" data-v-a78d333e></span><span class="menu-text" data-v-a78d333e>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-a78d333e data-v-fe10bde2><button data-v-fe10bde2>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-54a0b186 data-v-ee0aaa59><div class="curtain" data-v-ee0aaa59></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-ee0aaa59><span class="visually-hidden" id="sidebar-aria-label" data-v-ee0aaa59> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>快速上手</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>概览</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>快速安装</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/ui/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>web 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/ui/worker/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>worker 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/ui/node/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>node 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/ui/miniapp/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>小程序版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/ui/core/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>跨平台核心包</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/update.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>快速更新</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>更多场景</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>多产品形态</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-2 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h4 class="text" data-v-13b35146>leafer-draw</h4><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/draw/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>web 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/draw/worker/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>worker 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/draw/node/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>node 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/draw/miniapp/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>小程序版</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-2 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h4 class="text" data-v-13b35146>leafer-game</h4><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/game/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>web 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/game/worker/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>worker 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/game/node/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>node 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/game/miniapp/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>小程序版</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-2 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h4 class="text" data-v-13b35146>leafer-editor</h4><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/editor/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>web 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/editor/worker/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>worker 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/editor/node/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>node 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/editor/miniapp/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>小程序版</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-2 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h4 class="text" data-v-13b35146>leafer</h4><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/leafer/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>web 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/leafer/worker/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>worker 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/leafer/node/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>node 版</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/install/leafer/miniapp/start.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>小程序版</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><!----><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1" data-v-13b35146 data-v-13b35146><div class="item" role="button" data-v-13b35146><div class="indicator" data-v-13b35146></div><p class="text" data-v-13b35146>&nbsp;</p><!----></div><!----></div><div cla
25ss="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="#" data-v-13b35146><!--[--><p class="text" data-v-13b35146>快速入门</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🧬 基础</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/basic/leafer.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>创建 Leafer 引擎</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/basic/display.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>创建元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/basic/style.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>设置样式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/basic/event.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>事件处理</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/basic/remove.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>移除元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/basic/export.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>导出元素</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>Vue / React</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-2" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h4 class="text" data-v-13b35146>前端环境</h4><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/framework/vue/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Vue</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/framework/react/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>React</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/framework/html.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>HTML</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-2" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h4 class="text" data-v-13b35146>服务端渲染</h4><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/framework/nuxt/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Nuxt.js</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/framework/vitepress/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>VitePress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/framework/next/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Next.js</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-2" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h4 class="text" data-v-13b35146>组件式开发(社区提供)</h4><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-3 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link vp-external-link-icon link" href="https://leafer-vue.netlify.app" target="_blank" rel="noreferrer" data-v-13b35146><!--[--><p class="text" data-v-13b35146>leafer-vue</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🧲 好玩</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/plugin/animate.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>动画</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/plugin/state.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>交互状态</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/plugin/motion-path.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>运动路径</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/plugin/robot.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Robot 游戏元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/plugin/flow.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>自动布局</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/plugin/editor.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>图形编辑器</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>😎 进阶</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/advanced/app.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>创建 App 应用</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/advanced/viewport.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>缩放平移视图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/advanced/coordinate.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>转换坐标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/advanced/bounds.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>获取包围盒</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/advanced/partRender.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>局部渲染</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>生命周期</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/life/ui.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>元素生命周期</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/life/leafer.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>引擎生命周期</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/guide/life/render.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>渲染生命周期</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>应用与引擎配置</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/base.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>基础</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/type.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>视口类型</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/canvas.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>画布</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/pointer.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>点按操作</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/touch.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>触屏操作</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/multiTouch.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>多点触屏</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/wheel.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>滚轮操作</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/move.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>平移视图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/config/app/zoom.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>缩放视图</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><!----><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1" data-v-13b35146 data-v-13b35146><div class="item" role="button" data-v-13b35146><div class="indicator" data-v-13b35146></div><p class="text" data-v-13b35146>&nbsp;</p><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="#" data-v-13b35146><!--[--><p class="text" data-v-13b35146>元素参è€
25ƒ</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🍉 应用与引擎</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/App.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>App</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Leafer.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Leafer</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🥥 组元素</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Group.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Group</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Box.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Box</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Frame.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Frame</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🍊 元素</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Rect.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Rect</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Ellipse.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Ellipse</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Line.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Line</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Polygon.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Polygon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Star.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>
25Star</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Path.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Path</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Pen.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Pen</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Image.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/SVG.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>SVG</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Canvas.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Canvas</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/Text.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Text</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/UI.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>UI</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🥝 自定义元素</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>基础</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/custom/base/register.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>注册元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/custom/base/data.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>注册数据</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/custom/base/attr.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>添加属性</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/custom/base/method.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>添加方法</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>高级</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/custom/extends.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>继承元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/custom/path.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>绘制路径</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/display/custom/context.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>context</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><!----><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1" data-v-13b35146 data-v-13b35146><div class="item" role="button" data-v-13b35146><div class="indicator" data-v-13b35146></div><p class="text" data-v-13b35146>&nbsp;</p><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="#" data-v-13b35146><!--[--><p class="text" data-v-13b35146>元素通用功能</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🎞️  数据</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>id /  name</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/id.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>id</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/tag.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>tag</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/name.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>name</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/className.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>className</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/innerId.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>innerId</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/innerName.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>innerName</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>parent / leafer</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/parent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>parent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/leafer.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>leafer</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>数据 / 克隆</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/data.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>data</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/proxy.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>proxyData</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/clone.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>clone()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>路径数据</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/getPath.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>getPath()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/getPathString.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>getPathString()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/path.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>path</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>导入导出</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/export.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>export()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/json.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>toJSON()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>移除 / 销毁</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/remove.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>remove()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/destroy.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>destroy()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>📐 布局</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicato
25r" data-v-13b35146></div><h3 class="text" data-v-13b35146>位置 / 缩放 / 旋转</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/position.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>position</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/size.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>size</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/scale.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>scale</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/scaleFixed.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>scaleFixed</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/flip.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>flip()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/rotation.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>rotation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/skew.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>skew</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>偏移 / resize</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/offset.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>offset</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/resize.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>resize</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>围绕中心</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/origin.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>origin</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/around.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>around</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>包围盒 / 变换</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/bounds.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>bounds</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/transform.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>transform</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>转换坐标</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/point/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>转换坐标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/point/high.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>快速转换</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>层叠 / 放置</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/zIndex.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>zIndex</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/dropTo.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>dropTo()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🏼  外观</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>透明 / 隐藏</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/opacity.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>opacity</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/visible.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>visible</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>填充 / 描边</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/fill.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>fill</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/stroke.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>stroke</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>渐变 / 图像</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/paint/linear.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>linear</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/paint/radial.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>radial</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/paint/angular.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>angular</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/paint/solid.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>solid</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/paint/image.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>image</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>内外阴影</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/shadow.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>shadow</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/innerShadow.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>innerShadow</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>淡化 / 突出</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/dim.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>dim</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/bright.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>bright</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>裁剪 / 擦除</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/clip.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>clip</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/mask.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>mask</p><!--]--></a><!----></div><!----></div><div class="VPSidebarI
25tem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/eraser.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>eraser</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>混合模式</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/blendMode.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>blendMode</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🖱  交互</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>可交互性</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/hit.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>hittable</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/hitChildren.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>hitChildren</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/hitSelf.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>hitSelf</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/hitFill.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>hitFill</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/hitStroke.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>hitStroke</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>编辑 / 拖拽</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/editable.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>editable</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/draggable.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>draggable</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>光标样式</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/cursor.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>cursor</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>交互状态</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/state/state.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>state</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/state/hover.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>hover</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/state/press.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>press</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/state/focus.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>focus</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/state/selected.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>selected</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/state/disabled.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>disabled</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>事件处理</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/on.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>on() / once()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/off.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>off()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/emit.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>emit()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/name.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>命名</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/flow.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>捕获/冒泡</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/simulation.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>模拟交互</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🐆  动画</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>动画</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/animation.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>animation</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/animate.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>animate()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>过渡</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/transition.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>transition</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>运动路径</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/motionPath.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>motionPath</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/motion.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>motion</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/getMotionTotal.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>getMotionTotal()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/getMotionPoint.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>getMotionPoint()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🌴 高级</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>限制拖动范围</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/dragBounds.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>dragBounds</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>强制渲染</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link
25" href="/ui/reference/UI/forceUpdate.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>forceUpdate()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/forceRender.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>forceRender()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/nextRender.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>nextRender()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>查找拾取</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/find.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>find()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/findOne.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>findOne()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/pick.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>pick()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>自定义属性</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/custom/changeAttr.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>changeAttr()</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/UI/custom/addAttr.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>addAttr()</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><!----><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1" data-v-13b35146 data-v-13b35146><div class="item" role="button" data-v-13b35146><div class="indicator" data-v-13b35146></div><p class="text" data-v-13b35146>&nbsp;</p><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="#" data-v-13b35146><!--[--><p class="text" data-v-13b35146>常用功能</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🌲 事件</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>交互事件</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/Pointer.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>PointerEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/Drag.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>DragEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/Drop.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>DropEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/Swipe.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>SwipeEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/Move.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>MoveEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/Zoom.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>ZoomEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/Rotate.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>RotateEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/Key.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>KeyEvent</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>元素事件</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Image.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>ImageEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Child.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>
25ChildEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Property.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>PropertyEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Bounds.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>BoundsEvent</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>平台事件</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Leafer.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>LeaferEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Resize.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>ResizeEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Render.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>RenderEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Layout.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>LayoutEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Watch.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>WatchEvent</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>基础事件</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/basic/Event.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Event</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/event/ui/UIEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>UIEvent</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🌷 实用</h2><!----></div><div class="items" data-v-13b35146><!--[--><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>数学</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/math/Point.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Point</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/math/Bounds.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Bounds</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/math/Matrix.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Matrix</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>列表</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/list/LeafList.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>LeafList</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>资源</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/resource/Resource.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Resource</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🛠 开发</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/reference/debug/basic.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>调试模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/dev.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>开发插件</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><!----><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1" data-v-13b35146 data-v-13b35146><div class="item" role="button" data-v-13b35146><div class="indicator" data-v-13b35146></div><p class="text" data-v-13b35146>&nbsp;</p><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="#" data-v-13b35146><!--[--><p class="text" data-v-13b35146>插件</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🎨 图形编辑器</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>
25Editor</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>编辑器属性</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/state.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>状态</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/list.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>列表</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/display.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>显示元素</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>编辑器功能</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/select.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>选择</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/group.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>编组</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/innerEditor.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>内部编辑</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/lock.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>锁定</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/zIndex.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>层级</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/update.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>更新</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/transform.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>变换</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/shortcut.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>快捷键</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/Editor/history.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>历史记录</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>编辑器配置</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/base.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>基础</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/event.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>事件</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/style.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>样式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/buttons.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>按钮组</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/cursor.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>光标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/select.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>选择</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/control.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>控制</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/enable.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>启用</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/config/innerEditor.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>内部编辑器</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>编辑器事件</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/event/EditorEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>EditorEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/event/EditorMoveEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>EditorMoveEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/event/EditorScaleEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>EditorScaleEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/event/EditorRotateEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>EditorRotateEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/event/EditorSkewEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>EditorSkewEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/event/EditorGroupEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>EditorGroupEvent</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/event/InnerEditorEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>InnerEditorEvent</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>编辑工具</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/EditTool.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>EditTool</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/editOuter/register.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>注册</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/editOuter/load.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>控制点</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/editOuter/use.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>使用</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>内部编辑器</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/InnerEditor.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>InnerEditor</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/editInner/register.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>注册</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/editInner/load.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>控制点</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/editor/editInner/use.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>使用</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🫧 自动布局</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Flow</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>布局属性</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><
25div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/flow.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>布局方向</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/flowWrap.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>自动换行</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/flowAlign.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>对齐</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/gap.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>间距</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/padding.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>内边距</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/itemBox.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>盒类型</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>子元素属性</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/inFlow.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>加入布局</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/autoWidth.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>自动宽度</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/autoHeight.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>自动高度</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/widthRange.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>限制宽度</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/heightRange.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>限制高度</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/flow/Flow/lockRatio.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>锁定比例</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🐆 动画</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Animate</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>动画选项</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/easing.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>缓动方式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/delay.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>延迟</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/duration.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>时长</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/speed.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>速度</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/reverse.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>反向</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/loop.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>循环</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/ending.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>结束样式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/join.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>加入关键帧</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/autoplay.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>自动播放</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/attrs.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>过渡属性</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/options/event.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>事件</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>动画属性</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/state.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>状态</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/time.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>计时</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/style.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>样式</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>动画功能</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/play.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>播放</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/pause.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>暂停</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/stop.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>停止</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/seek.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>定位</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/kill.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>kill</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/Animate/destroy.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>销毁</p><!--]--></a><!----></div><!----></div><!--]--></div></section><section class="VPSidebarItem level-1 collapsible collapsed" data-v-13b35146 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h3 class="text" data-v-13b35146>动画事件</h3><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-13b35146><span class="vpi-chevron-right caret-icon" data-v-13b35146></span></div></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-2 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/animate/event/AnimateEvent.html" data-v-13b35146><!--[--><p class="text" data-v-13b35146>AnimateEvent</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🫐 官方插件</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/viewport/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>视口</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/view/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>视图控制</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/scroll/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>滚动条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/arrow/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>箭头</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/html/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>HTML</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/text-editor/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>文本编辑</p><!--]--></a><!----></div><!----></div><div class="V
25PSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/motion-path/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>运动路径</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/robot/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>Robot</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/state/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>交互状态</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/find/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>查找元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/export/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>导出元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/filter/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>滤镜</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/color/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>color</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/resize/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>resize</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/bright/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>突出显示元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/scale-fixed/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>scale-fixed</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/box/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>box元素</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link link" href="/ui/plugin/in/corner/" data-v-13b35146><!--[--><p class="text" data-v-13b35146>路径圆角</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-291c73e0><section class="VPSidebarItem level-0" data-v-291c73e0 data-v-13b35146><div class="item" role="button" tabindex="0" data-v-13b35146><div class="indicator" data-v-13b35146></div><h2 class="text" data-v-13b35146>🍇 社区插件</h2><!----></div><div class="items" data-v-13b35146><!--[--><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link vp-external-link-icon link" href="https://www.leafer.pro/#plugin" target="_blank" rel="noreferrer" data-v-13b35146><!--[--><p class="text" data-v-13b35146>开源森林社区插件</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-13b35146 data-v-13b35146><div class="item" data-v-13b35146><div class="indicator" data-v-13b35146></div><a class="VPLink link vp-external-link-icon link" href="https://www.pxgrow.com" target="_blank" rel="noreferrer" data-v-13b35146><!--[--><p class="text" data-v-13b35146>PxGrow 解决方案</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-54a0b186 data-v-58b3cd1d><div class="VPDoc has-sidebar has-aside" data-v-58b3cd1d data-v-ed177803><!--[--><!--]--><div class="container" data-v-ed177803><div class="aside" data-v-ed177803><div class="aside-curtain" data-v-ed177803></div><div class="aside-container" data-v-ed177803><div class="aside-content" data-v-ed177803><div class="VPDocAside" data-v-ed177803 data-v-f4d90673><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-f4d90673 data-v-1d36d8dd><div class="content" data-v-1d36d8dd><div class="outline-marker" data-v-1d36d8dd></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-1d36d8dd>导航</div><ul class="VPDocOutlineItem root" data-v-1d36d8dd data-v-37e512ab><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-f4d90673></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-ed177803><div class="content-container" data-v-ed177803><!--[--><!--]--><main class="main" data-v-ed177803><div style="position:relative;" class="vp-doc _ui_blog_2024-07-09" data-v-ed177803><div>
25<h1 id="leaferjs-1-0-重磅发布-好用的-canvas-渲染引擎" tabindex="-1">LeaferJS 1.0 重磅发布:好用的 Canvas 渲染引擎 <a class="header-anchor" href="#leaferjs-1-0-重磅发布-好用的-canvas-渲染引擎" aria-label="Permalink to “LeaferJS 1.0 重磅发布:好用的 Canvas 渲染引擎”">​</a></h1><blockquote><p>2024-07-09 &quot;看见希望,不断成长&quot;</p></blockquote><h2 id="前言" tabindex="-1">前言 <a class="header-anchor" href="#前言" aria-label="Permalink to “前言”">​</a></h2><p>大家好,我是 LeaferJS 的创始人万超。</p><p>盛夏的绿叶在雨后阳光的照耀下熠熠生辉,正如 Leafer 的寓意:看见希望,不断成长。</p><p><img src="/ui/image/blog/20240709/home.png" alt="网站封面"></p><p>在此,我很高兴的向大家宣布,经过我们 3 年多开发的 LeaferJS 开源引擎终于打磨成熟,迎来了正式版的发布~ 🎉🎉🎉</p><p>这距离我们上次公测版的发布,已经过去了整整一年。</p><h2 id="与用户相互成就" tabindex="-1">与用户相互成就 <a class="header-anchor" href="#与用户相互成就" aria-label="Permalink to “与用户相互成就”">​</a></h2><p>在过去的一年里,无数的用户需求和反馈如潮水般涌来,不断地滋润和雕琢着这款产品,使其功能更加丰富,且更贴合实际使用场景,同时我们的文档也变得更加通俗易懂。即使期间产品还不完善,我们依然无法阻挡用户的热情!通过口碑传播的用户源源不断的涌来~</p><p>感谢每一位撰写文章、教程、传播、提 Bug、建议、开发产品、Demo、插件、慷慨赞助的用户~</p><p>随着正式版的发布,更多的企业可以将 LeaferJS 用于生产环境,其周边生态也将迎来蓬勃发展。</p><p><img src="/ui/image/blog/20240709/tree.jpg" alt="桑树"></p><h2 id="由浅入深带你了解-leaferjs" tabindex="-1">由浅入深带你了解 LeaferJS <a class="header-anchor" href="#由浅入深带你了解-leaferjs" aria-label="Permalink to “由浅入深带你了解 LeaferJS”">​</a></h2><p>熟悉我们的朋友都知道,我们一直在朝着一个极具吸引力的伟大愿景迈进。我们的引擎能在短短的 1.5 秒内创建 100 万个可交互矩形,仅占用 350MB 内存。在继续保持这一优势的同时,正式版带来了众多实用的功能,拓宽了使用场景。</p><p>下面让我由浅入深,从前端开发的视角,带你看看 LeaferJS 可以如何应用在你的工作中。</p><p>首先,让我们通过代码看看 LeaferJS 是如何工作的:</p><p><img src="/ui/image/blog/20240709/code.png" alt="代码"></p><p>接下来,我们会从以下三个入门场景开始说起:</p><p><img src="/ui/image/blog/20240709/base.png" alt="入门场景"></p><p>最后,再聊一聊压轴的高级场景以及我们的愿景。</p><h2 id="高效绘图" tabindex="-1">高效绘图 <a class="header-anchor" href="#高效绘图" aria-label="Permalink to “高效绘图”">​</a></h2><p>相信每家公司的产品都有生成长图、产品海报进行分享的需求,尤其是在小程序中。</p><p>我们提供了易于上手的自动布局功能(类似 Flex 但更简洁),以及按中心点绘制的功能。这将为绘制海报带来一种全新的开发体验,应对频繁变化的需求,无需再手动测量文本进行布局。此外,通过简单易控的渐变、内外阴影、遮罩、擦除等功能,能够轻松实现各种专业的设计效果。</p><p>我们还提供了一支神奇的 Pen,可以像绘画一样,快速画出不同样式的路径和元素组合。</p><p><img src="/ui/image/blog/20240709/pen.png" alt="画笔"></p><div class="language-ts"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><div class="code-preview"><a class="preview-button" href="https://www.leaferjs.com/examples/#official%2Fdisplay%2FPen%2Fline.ts" target="_blank"><svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path d="M383.23 271.53c-25.16 1.294-32.855 23.49-33.79 44.95l-0.9 0.73s2.192 408.877 3.43 412.14c10.237 27.506 40.219 27.511 61.65 15.53l0.56 0.22s345.098-199.46 347.9
251-201.71c18.281-15.019 35.094-36.958 8.6-60.47 0 0-372.092-210.038-375.58-210.6-4.338-0.731-8.286-0.975-11.88-0.79z" fill="#8a8a8a"></path></svg></a><pre class="shiki shiki-themes material-theme-palenight material-theme-palenight has-highlighted" style="--shiki-light:#babed8;--shiki-dark:#babed8;--shiki-light-bg:#292D3E;--shiki-dark-bg:#292D3E;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#676E95;--shiki-light-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic;">// #创建 Pen [画曲线 (Leafer)]</span></span>
26<span class="line"><span style="--shiki-light:#89DDFF;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic;">import</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> {</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;"> Leafer</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;"> Pen</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> }</span><span style="--shiki-light:#89DDFF;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic;"> from</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> &#39;</span><span style="--shiki-light:#C3E88D;--shiki-dark:#C3E88D;">leafer-ui</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">&#39;</span></span>
27<span class="line"></span>
28<span class="line"><span style="--shiki-light:#C792EA;--shiki-dark:#C792EA;">const</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;"> leafer </span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">=</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> new</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;"> Leafer</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">{</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> view</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;"> window </span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">}</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">)</span></span>
29<span class="line"></span>
30<span class="line highlighted"><span style="--shiki-light:#C792EA;--shiki-dark:#C792EA;">const</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;"> pen </span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">=</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> new</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;"> Pen</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">() </span></span>
31<span class="line highlighted"><wbr></span>
32<span class="line highlighted"><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">pen</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">.</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;">setStyle</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">{</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> fill</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> {</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> type</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> &#39;</span><span style="--shiki-light:#C3E88D;--shiki-dark:#C3E88D;">radial</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">&#39;</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> stops</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;"> [</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">{</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> offset</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 0</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> color</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> &#39;</span><span style="--shiki-light:#C3E88D;--shiki-dark:#C3E88D;">#FF4B4B</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">&#39;</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> },</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> {</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> offset</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 1</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> color</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> &#39;</span><span style="--shiki-light:#C3E88D;--shiki-dark:#C3E88D;">#FEB027</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">&#39;</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> }</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">] </span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">}</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> }</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">)</span></span>
33<span class="line highlighted"><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">pen</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">.</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;">roundRect</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;">0</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 0</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 100</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 100</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 30</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">)</span></span>
34<span class="line highlighted"><wbr></span>
35<span class="line highlighted"><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">pen</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">.</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;">setStyle</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">
35{</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> y</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> -</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;">5</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F07178;--shiki-dark:#F07178;"> fill</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">:</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> &#39;</span><span style="--shiki-light:#C3E88D;--shiki-dark:#C3E88D;">white</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">&#39;</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;"> }</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">)</span></span>
36<span class="line highlighted"><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">pen</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">.</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;">moveTo</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;">40</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 30</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">)</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">.</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;">bezierCurveTo</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;">70</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 30</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 90</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 60</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 63</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 80</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">)</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">.</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;">quadraticCurveTo</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;">50</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 88</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 40</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 80</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">)</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">.</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;">bezierCurveTo</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;">10</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 60</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 50</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 40</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 40</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">,</span><span style="--shiki-light:#F78C6C;--shiki-dark:#F78C6C;"> 30</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">)</span></span>
37<span class="line highlighted"><wbr></span>
38<span class="line highlighted"><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">leafer</span><span style="--shiki-light:#89DDFF;--shiki-dark:#89DDFF;">.</span><span style="--shiki-light:#82AAFF;--shiki-dark:#82AAFF;">add</span><span style="--shiki-light:#BABED8;--shiki-dark:#BABED8;">(pen)</span></span></code></pre></div></div><p>此外,你还可以在我们官网的设计工具中提前编辑内容,将其导出为 JSON 文件,随后调整变量并导入,即可自动生成图片。更重要的是,我们支持在小程序环境中生成海报图片,并且支持多倍图导出。</p><h2 id="ui-交互" tabindex="-1">UI 交互 <a class="header-anchor" href="#ui-交互" aria-label="Permalink to “UI 交互”">​</a></h2><h3 id="组态、流程图" tabindex="-1">组态、流程图 <a class="header-anchor" href="#组态、流程图" aria-label="Permalink to “组态、流程图”">​</a></h3><p>我们提供了丰富的箭头样式和元素状态,结合用户提供的连线插件,你可以快速的搭建一个组态、流程图软件。</p><p><img src="/ui/image/blog/20240709/arrow.png" alt="箭头"></p><h3 id="ui-交互界面" tabindex="-1">UI 交互界面 <a class="header-anchor" href="#ui-交互界面" aria-label="Permalink to “UI 交互界面”">​</a></h3><p>在 Canvas 环境中实现一套 UI 交互界面一直是业内的挑战,我们用极少的代码初步实现了这一目标,并提供了丰富的跨平台交互事件和手势,以及类似 CSS 的交互状态样式和光标样式。</p><p>结合自动布局的功能,使你能够快速在组态、游戏开发、数据可视化、富媒体和创意设计等场景中集成高性能的 UI 交互界面功能。未来可以朝着更高效的可视化编程方向发展。</p><p>以下是我们社区的用户正在开发的 element-plus-leafer UI 组件:</p><p><img src="/ui/image/blog/20240709/ui.png" alt="按钮"></p><h3 id="小游戏" tabindex="-1">小游戏 <a class="header-anchor" href="#小游戏" aria-label="Permalink to “小游戏”">​</a></h3><p>我们有丰富的绘图、交互功能,再结合你喜欢的动画库、物理引擎,可以将 LeaferJS 用来开发一些好玩的小游戏。</p><p>以下是我们社区的用户正在开发的小游戏合集:</p><p><img src="/ui/image/blog/20240709/game.png" alt="箭头"></p><h2 id="图形图像编辑" tabindex="-1">图形图像编辑 <a class="header-anchor" href="#图形图像编辑" aria-label="Permalink to “图形图像编辑”">​</a></h2><h3 id="图片裁剪" tabindex="-1">图片裁剪 <a class="header-anchor" href="#图片裁剪" aria-label="Permalink to “图片裁剪”">​</a></h3><p>相信每家公司的产品都有裁剪头像和图片的需求ã€
38‚</p><p>我们提供了完善的图形编辑功能,并为图片裁剪场景准备了贴心的配置,例如裁剪遮罩、手机端手指缩放和旋转,让你可以通过最简单的代码搭建起一个属于自己的图片裁剪工具。</p><p><img src="/ui/image/blog/20240709/clip.png" alt="裁剪"></p><h3 id="图片编辑器" tabindex="-1">图片编辑器 <a class="header-anchor" href="#图片编辑器" aria-label="Permalink to “图片编辑器”">​</a></h3><p>相信你用过各种各样的图片编辑器,自己开发一套绝非易事,而我们让每个人都可以上手尝试。</p><p>我们为图片编辑器的开发,提供了丰富的功能和 自定义编辑器样式配置, 可移动、缩放、旋转、倾斜,支持多选、框选、编组、 双击进组,锁定、层级。支持自定义编辑工具和内部编辑器。</p><p>我们还与第三方开发者携手提供了开箱即用的插件,如标尺、视窗控制、滚动条、文本编辑,对齐吸附、SVG 导出插件也即将开发,这些插件可以节省你大量的开发工作。</p><h3 id="短视频" tabindex="-1">短视频 <a class="header-anchor" href="#短视频" aria-label="Permalink to “短视频”">​</a></h3><p>如今已是短视频横行的时代,可以通过开源的 canvas 转视频库,将 LeaferJS 的动画、编辑内容导出视频,帮助企业快速批量生成短视频。</p><h2 id="深入了解-leaferjs" tabindex="-1">深入了解 LeaferJS <a class="header-anchor" href="#深入了解-leaferjs" aria-label="Permalink to “深入了解 LeaferJS”">​</a></h2><p>相信通过以上三个入门场景的了解,你已经对 LeaferJS 有了初步认识,但我们能做的事情绝对不仅仅于此,接下来我将带你了解一些高级场景,以及我们的愿景。</p><h3 id="在线设计" tabindex="-1">在线设计 <a class="header-anchor" href="#在线设计" aria-label="Permalink to “在线设计”">​</a></h3><p>如果你希望打造一款专业的在线设计软件,如矢量设计软件、 UI 设计软件、白板软件、流程图设计软件,低代码编辑软件、矢量雕刻软件、CAD 建筑设计软件、EDA 电路设计软件、视频剪辑软件等, 我们可以帮助你节省这 3 年的创业时间。</p><p>我们的底层正是为开发专业级的图形图像编辑软件而架构的(因为它能创造出一切的场景),提供了开箱即用的功能和优秀的扩展能力,你可以站在 LeaferJS 的肩膀上前行,快速打造出可以改变人们生活方式的数字产品。</p><p>以下是我们官方收录的部分产品,期待未来你的产品也能出现在这里。</p><p><img src="/ui/image/blog/20240709/product.png" alt="按钮"></p><h3 id="大型场景" tabindex="-1">大型场景 <a class="header-anchor" href="#大型场景" aria-label="Permalink to “大型场景”">​</a></h3><p>以下是我们官网列举的一些大型应用场景(远不局限于此),可以作为你启动新产品的参考。</p><p><img src="/ui/image/blog/20240709/scene.png" alt="常用场景"></p><h3 id="逐步开放" tabindex="-1">逐步开放 <a class="header-anchor" href="#逐步开放" aria-label="Permalink to “逐步开放”">​</a></h3><p>我们通过核心包+场景插件的设计,来逐步满足不同场景的需求,每一个场景成熟后会集成为一个场景包,方便用户快速安装使用。第三方开发者也可以参与补充场景。</p><p>我们现阶段仍主要专注于绘图、编辑器场景(核心场景),之后会开始训练 AI 绘图和提升性能。</p><p><img src="/ui/image/blog/20240709/fu.png" alt="覆盖场景"></p><h3 id="使命与愿景" tabindex="-1">使命与愿景 <a class="header-anchor" href="#使命与愿景" aria-label="Permalink to “使命与愿景”">​</a></h3><p>我们致力于通过 LeaferJS 实现一套简洁、开放、现代化的 UI 绘图语言标准,便于 AI 理解,人类可视化使用,并为数字化产品开发提供跨平台、轻量化、高性能的运行时。</p><p>我们希望不同的软件之间能够沟通、协作、共享绘图数据与数字界面,通过不断革新的图形技术和配套支持, 吸引更多的开发者加入使用,建立起一个开放的生态环境ï¼
38Œæ²Ÿé€šæœ‰æ— ï¼Œä»¥æŽ¨åŠ¨è¡Œä¸šçš„å¿«é€Ÿå‘å±•ï¼Œå¹¶è¯žç”Ÿå‡ºæ›´å¤šæœ‰åˆ›æ„çš„æŠ€æœ¯å’Œäº§å“ï¼Œå°¤å…¶æ˜¯ AI + 可视化编辑方向的产品。</p><p>我们的性能优化目标是想实现流畅操作 百万级静态元素 和 十万级动态游戏元素( GPU 加速)。</p><p><img src="/ui/image/blog/20240408/seed.jpg" alt="种子"></p><h2 id="热爱与勇气-让梦想成为现实" tabindex="-1">热爱与勇气,让梦想成为现实 <a class="header-anchor" href="#热爱与勇气-让梦想成为现实" aria-label="Permalink to “热爱与勇气,让梦想成为现实”">​</a></h2><p>我们不仅在用心创造一款有意义的开源产品(降低创业者的研发成本,推进技术的进步,改变未来产品的开发方式),更是在践行传播一种人人所向往的、有人文关怀的卓越文化。</p><p>创业、创新的道路是艰难和孤独的,正是这样的文化和使命感,帮助我们度过了漫长的 3 年时光,日复一日的精进,并克服了重重难关,不断的凝聚起了更多的人,一起朝着愿景前进。</p><p>随着正式版的发布,我们找到了愿意在财务上持续帮助我们的人(非投资),这让我们可以心无旁骛的持续推动 LeaferJS 这个飞轮,共同打造我们喜爱的开源社区,设计可加速发展的上层应用商业模式,让 LeaferJS 能够走向世界,惠及到更多的人。</p><h2 id="恭喜-🎉🎉🎉" tabindex="-1">恭喜 🎉🎉🎉 <a class="header-anchor" href="#恭喜-🎉🎉🎉" aria-label="Permalink to “恭喜 🎉🎉🎉”">​</a></h2><p>至此,你已完成了对 LeaferJS 全貌的了解,你又多了一个实用的提效工具,而我们也多了一位熟悉的朋友,欢迎访问我们的官网,还有很多好用的功能和有趣的故事等待你去探索发现。</p><p>www.leaferjs.com</p><h2 id="媒体参与转发" tabindex="-1">媒体参与转发 <a class="header-anchor" href="#媒体参与转发" aria-label="Permalink to “媒体参与转发”">​</a></h2><h3 id="前端西瓜哥-公众号" tabindex="-1"><a href="https://mp.weixin.qq.com/s/OhdYzqUo0EZ4QjzB9_osbg" target="_blank" rel="noreferrer">前端西瓜哥 - 公众号</a> <a class="header-anchor" href="#前端西瓜哥-公众号" aria-label="Permalink to “前端西瓜哥 - 公众号”">​</a></h3><h3 id="osc-开源社区-开源中国" tabindex="-1"><a href="https://mp.weixin.qq.com/s/Fy6bXbCMNpttfLlJNqBOzA" target="_blank" rel="noreferrer">OSC 开源社区 - 开源中国</a> <a class="header-anchor" href="#osc-开源社区-开源中国" aria-label="Permalink to “OSC 开源社区 - 开源中国”">​</a></h3><h3 id="前端早读课-公众号" tabindex="-1"><a href="https://mp.weixin.qq.com/s/wTo15XIlVS1Tcjv1lS0fHg" target="_blank" rel="noreferrer">前端早读课 - 公众号</a> <a class="header-anchor" href="#前端早读课-公众号" aria-label="Permalink to “前端早读课 - 公众号”">​</a></h3><h2 id="分享给朋友" tabindex="-1">分享给朋友 <a class="header-anchor" href="#分享给朋友" aria-label="Permalink to “分享给朋友”">​</a></h2><img width="320" style="border-radius:20px;" src="/ui/image/blog/20240709/wx.png"><h2 id="下一步" tabindex="-1">下一步 <a class="header-anchor" href="#下一步" aria-label="Permalink to “下一步”">​</a></h2><h3 id="了解我们的创业故事" tabindex="-1"><a href="./2024-04-08.html">了解我们的创业故事</a> <a class="header-anchor" href="#了解我们的创业故事" aria-label="Permalink to “了解我们的创业故事”">​</a></h3></div></div></main><footer class="VPDocFooter" data-v-ed177803 data-v-84faf563><!--[--><!--]--><div class="edit-info" data-v-84faf563><div class="edit-link" data-v-84faf563><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/leaferjs/docs/edit/main/zh/blog/2024-07-09.md" target="_blank" rel="noreferrer" data-v-84faf563><!--[--><span class="vpi-square-pen edit-link-icon" data-v-84faf563></span> 在 GitHub 上编辑此页<!--]--></a></div><!----></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-84faf563><span class="visually-hidden" id="doc-footer-aria-label" data-v-84faf563>Pager</span><div class="pager" data-v-84faf563><!----></div><div class="pager" data-v-84faf563><a class="VPLink link pager-link next" href="/ui/guide/" data-v-84faf563><!--[--><span class="desc" data-v-84faf563>下一页</span><span class="title" data-v-84faf563>概览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-54a0b186 data-v-f983b6db><div class="container" data-v-f983b6db><p class="message" data-v-f983b6db>Released under the MIT License.</p><p class="copyright" data-v-f983b6db>Copyright © 2023-2026 Chao (Leafer) Wan</p></div></footer><!--[--><!--]--></div></div>
39    
40    
41  </body>
42</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.