Skip to content

zoom 配置

缩放视图相关配置,应用运行中修改 app.config.zoom 立即生效。

注意事项

App 结构 下只能设置在 App 的 config 上。

关键属性

zoom.disabled: boolean

是否禁用缩放视图,默认为 false。

zoom.min: number

视图最小缩放比例, 默认为 0.02。

zoom.max: number

视图最大缩放比例, 默认为 256。

示例

控制视图缩放范围

ts
import { Leafer, Rect } from 'leafer-ui'

const leafer = new Leafer({
    view: window,
    zoom: { min: 0.02, max: 256 }
})

const rect = new Rect({ x: 100, y: 100, fill: '#32cd79', draggable: true })

leafer.add(rect)

Released under the MIT License.