ZoomEvent
缩放事件,一般用于视窗交互中缩放视图。
- 移动端: 双指捏合
- 触摸板: 双指捏合
- 鼠标: Ctrl / Command + 滚轮
事件名称
ZoomEvent.START
开始缩放事件
zoom.start
ZoomEvent.ZOOM
缩放事件
zoom
ZoomEvent.END
结束缩放事件
zoom.end
关键属性
scale: number
此次缩放事件改变的 scale 大小
继承
UIEvent
API
ZoomEvent
示例
ts
import { Leafer, Rect, ZoomEvent, LeafHelper } from 'leafer-ui'
const leafer = new Leafer({
view: window,
type: 'draw'
})
const rect = new Rect({ x: 100, y: 100, fill: '#32cd79', draggable: true })
leafer.add(rect)
leafer.on(ZoomEvent.ZOOM, function (e: ZoomEvent) {
const center = { x: e.x, y: e.y }
LeafHelper.zoomOfWorld(leafer, center, e.scale)
})