draw-vue 顾名思义是一个基于vue的页面绘画标记功能库

使用方式npm安装

npm i draw-vue --save

使用方式 main.js引入

import DrawVue from "draw-vue";

import "draw-vue/dist/draw-vue.css";

Vue.use(DrawVue);

在需要的组件引入即可

  <span

   style="background-color: green; color: aliceblue; padding: 5px 20px"

   @click="show = true"

   \>显示绘画组件</span
  \>
   <draw-vue :show="show" @escDraw="doSomething"></draw-vue>

内置快捷键F4 ESC 进入 退出绘画标记模式 （当然你可以通过属性show 去控制 默认提供√ 点击函数 escDraw 下面是页面功能截图