Skip to content

ZoomEvent

缩放事件,一般用于视窗交互中缩放视图。

  1. 移动端: 双指捏合
  2. 触摸板: 双指捏合
  3. 鼠标: 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)
})

Released under the MIT License.