js：基于fabric的图片标注功能

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()
})