canvas-基础（一）

盲区1：事件绑定：  js中的事件绑定可以一次绑定多个事件。 比如 鼠标移动事件。

 

 事件的移除：

需要注意的点就是 removeEventListener时， 第二个参数需要带上绑定的函数， 并且 需要是同一个函数：

建议  const  callback = this.drawLine.bind();  先存函数。 然后  this.el.removeEventListener('mousemove', callback)  

 

盲区2：

 

JS 添加样式使用这个就不需要一个个的添加！！！ good

 

盲区3：

class  类中的方法都可以返回一个 this,  这样子调用的时候就可以链式操作！！！

 

 

盲区4：

通过画布canvas 模拟 黑板。  其中橡皮擦功能其实就是重新划线，用画布背景颜色的先去去覆盖已经存在的线以达到橡皮擦功能。