MoveEvent
移动事件,一般用于视窗交互中平移视图。
- 移动端: 双指滑动
- 触摸板: 双指滑动
- 鼠标: 滚轮(纵向平移),Shift + 滚轮(横向平移),鼠标中键 + 拖拽 (自由移动)
- 拖拽: 拖拽元素到达视图边界时,会自动平移视图,以实现向外拖拽
事件名称
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)
})