绑定事件

通过交互事件为矩形添加进入/离开、按下/弹起效果，事件类型也可直接使用字符串，如: pointer.down。

import { Leafer, Rect, PointerEvent } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = new Rect({
  x: 100,
  y: 100,
  width: 200,
  height: 200,
  fill: '#32cd79', // 背景色
  stroke: 'black', // 边框
  strokeWidth: 2, // 边框粗细
  draggable: true,
})

leafer.add(rect)

// 事件
rect.on(PointerEvent.ENTER, (e: PointerEvent) => {
  rect.fill = '#42dd89'
  rect.strokeWidth = 4
})

rect.on(PointerEvent.LEAVE, (e: PointerEvent) => {
  rect.fill = '#32cd79'
  rect.strokeWidth = 2
})

rect.on(PointerEvent.DOWN, (e: PointerEvent) => {
  rect.fill = '#229d49'
})

rect.on(PointerEvent.UP, (e: PointerEvent) => {
  rect.fill = '#32cd79'
})