canvas实现图片标注功能,封装class类,即插即用

61 阅读1分钟

CanvasMarking

  • canvas轻量图片标注功能,支持圆形,矩形,三角形标记点(空心+实心),支持点击生成标注和拖拽生成标注两种方式
  • 自动生成uuid,marker带有options参数可自定义字段,可通过自定义事件修改marker属性

1.引入CanvasMarking.js文件

<script src="CanvasMarking.js"></script>

2.调用方法

const canvas = new CanvasMarking('canvasId',options);

github仓库地址:https://github.com/childe-cat/canvasmarking