视图控制 插件
控制视图的缩放，支持放大、缩小、fit、fit-width、fit-height 视图， 支持聚焦元素，聚焦区域。
适用平台
支持所有平台。
安装插件
需要安装 view 插件才能使用，点此访问 Github 仓库。
sh
npm install @leafer-in/viewsh
pnpm add @leafer-in/viewsh
yarn add @leafer-in/viewsh
bun add @leafer-in/view通过 script 标签引入
通过全局变量 LeaferIN.view 访问插件内部功能。
html
<script src="https://unpkg.com/@leafer-in/view@1.0.9/dist/view.min.js"></script>html
<script src="https://unpkg.com/@leafer-in/view@1.0.9/dist/view.js"></script>https://unpkg.com 无法访问时，可替换为 https://cdn.jsdelivr.net/npm
体验
缩放到合适大小
ts
import { App, Rect } from 'leafer-ui'
import '@leafer-in/editor'
import '@leafer-in/view'
const app = new App({ view: window, editor: {} })
app.tree.add(Rect.one({ editable: true, fill: '#FEB027', cornerRadius: [20, 0, 0, 20] }, 500, 400))
app.tree.add(Rect.one({ editable: true, fill: '#FFE04B', cornerRadius: [0, 20, 20, 0] }, 650, 400))
setTimeout(() => {
app.tree.zoom('fit', 100)
}, 1000)