micah2015 / canvas-roi

a ROI plugin based on canvas

CanvasRoi

组件主要用于在图片或视频提供绘制选区并将选区数据输出。

2.0版本支持vue3

2.1版本支持react

从2.1版本开始，默认导出不再是vue组件，而是CanvasRoi类。vue组合和react组件分别放在对应的独立文件中。避免相互干扰

如何安装

NPM:

npm install @micah2015/canvas-roi --save

CDN:

<script src="[npm url]/[pkg@version]/index.js"></script>

用法示例

<div class="roi-container">
  <img src="pic.jpg" alt="">
</div>

import { CanvasRoi } from '@micah2015/canvas-roi';

const roi = new CanvasRoi('.roi-container', {
  // input回调函数可从组件内接收数据的变化
  input: value => {}
});
// 也可以外部设置组件的数据
roi.setValue(value)

详细说明可查看仓库内文档 Document

License

MIT

⬆ back to top