@baifendian/adhere-ui-polygonselection

多边形选区

Usage no npm install needed!

<script type="module">
  import baifendianAdhereUiPolygonselection from 'https://cdn.skypack.dev/@baifendian/adhere-ui-polygonselection';
</script>

README

简介

多边形选取

选取方式
- 多边形选取
- 圆形选取
- 矩形选取
- 三角形选取
- 菱形选取
- 五角星选取
- 自由选取
- 选择模式
选取完成后可点击可以进行(修改),(移动),(删除)
创建模式
- 各种类型的创建模式
- 模式会提供 type
- 事件: onStart onEnd 在onEnd中会提供数据的表示这组数据的一个id
修改模式
- 和创建模式一样提供一个组的id
移动模式
- 和创建模式一样提供一个组的id
当前只能有一个模式，载入新的模式之前模式会被替换
绘制的时候鼠标的光标样式
只有选中的元素才能修改
选择组件
- 点选
- 框选
应用的场景
- 图片截取

✨ 特性

支持 react(17.x)
支持国际化
支持修改主题
支持动态引入(babel-plugin-import)

🖥 兼容环境

现代浏览器，IE11

📦 安装

npm install @baifendian/adhere-ui-polygonselection --save

yarn add @baifendian/adhere-ui-polygonselection

线上地址(临时)

http://49.232.163.126:8083/adhere/ui/polygonselection