fabric几个坑点
事件绑定:
- canvas事件
- 单个对象的事件(如circle、rect)
这里可以看到全部的事件 http://fabricjs.com/events
举例:
// canvas对象的事件绑定
// 可以在这里检测到canvas上所有对象的事件,比如我们鼠标滑到canvas上的一个circle上,那么e.target就是这个circle
canvasObj.on('mouse:over', e => {
// do something ...
e.target.set('radius', 8)
this.canvasObj.renderAll()
})
// 单个circle对象的事件绑定
circleObj.on('mouseover', e => {
// do something ...
// e.target打印出来是没有type属性的,但是其实他继承了对象,所以e.target.type 是 cricle
e.target.set('radius', 8)
this.canvasObj.renderAll()
})