最实用，无后顾之忧----vue移动端或web端手写签批橡皮擦功能，基于vue-drawing-canvas组件

市面上的其它组件都是直接用白色来覆盖，实现了橡皮擦功能，但是有缺陷，就是遇到不是白底的，例如其它颜色或者透明色，就用白色覆盖不掉了，而且白色还容易给别的地方涂改成白色了，很鸡肋。我这个方法是消除法，把黑色的内容用白色的抵消掉，只对画笔画过的内容起作用，其它地方不会覆盖，也不会消除。

1.下载组件

npm install --save-dev vue-drawing-canvas**
页面使用

 <template>
  <vue-drawing-canvas ref="VueCanvasDrawing" />
</template>

<script>
  import VueDrawingCanvas from "vue-drawing-canvas";

  export default {
    name: "MyComponent",
    components: {
      VueDrawingCanvas,
    },
  };

我的页面使用，和上面一样，只不过用了一些属性

<vue-drawing-canvas
      v-if="isShowCanvas"
      class="esign-atra"
      ref="VueCanvasDrawing"