Skip to content
导航

MoveEvent

移动事件,一般用于视窗交互中平移视图。

  1. 移动端: 双指滑动
  2. 触摸板: 双指滑动
  3. 鼠标: 滚轮(纵向平移),Shift + 滚轮(横向平移),鼠标中键 + 拖拽 (自由移动)
  4. 拖拽: 拖拽元素到达视图边界时,会自动平移视图,以实现向外拖拽

事件名称

MoveEvent.START

开始移动事件

move.start

MoveEvent.MOVE

移动事件

move

MoveEvent.END

结束移动事件

move.end

关键属性

moveX: number

此次移动事件偏移的 X 轴距离(世界坐标)

moveY: number

此次移动事件偏移的 Y 轴距离(世界坐标)

示例

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

const leafer = new Leafer({
    view: window,
    type: 'user'
})

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

leafer.add(rect)

leafer.on(MoveEvent.MOVE, function (e: MoveEvent) { 
    LeafHelper.move(leafer, e.moveX, e.moveY)
})

继承

DragEvent

API

MoveEvent

Released under the MIT License.