缩放平移视图
Leafer 默认自带窗口交互功能,能够缩放平移视图,可修改 leafer.config.type 改变窗口类型。
另外通过 视图插件 / 滚动条插件 可以便捷控制视图,支持 fit 视图、聚集到指定元素。
平移视图
- 移动端/触摸板: 双指滑动。
- 鼠标: 滚轮(纵向滚动),Shift + 滚轮(横向滚动),鼠标中键 / 空格键 + 拖拽 (自由移动)。
更多配置请看 app.config.move, 提供了丰富的配置功能,涵盖各种场景。
缩放视图
- 移动端/触摸板: 双指捏合。
- 鼠标: Ctrl / Command + 滚轮。
更多配置请看 app.config.zoom / app.config.wheel。
视图属性(viewport)
可通过 Leafer 视图属性 / App 视图属性 手动平移、缩放视图。
取消缩放平移视图功能
将窗口类型 type 设为 'draw' 可取消缩放平移视图功能。
ts
import { Leafer } from 'leafer-ui'
new Leafer({
view: window,
type: 'draw'
})