@zijin/area-select

通过所见即所得的方式标志出图片中的不规则区域。 注意: 本组件依赖与3D框架three; 本组件使用原生javascript开发,可以angular、vue、react等框架中使用;

Usage no npm install needed!

<script type="module">
  import zijinAreaSelect from 'https://cdn.skypack.dev/@zijin/area-select';
</script>

README

AreaSelect

通过所见即所得的方式标志出图片中的不规则区域。 注意: 本组件依赖与3D框架three; 本组件使用原生javascript开发,可以angular、vue、react等框架中使用;

todo: 设置坐标轴原点的位置

区域标注组件 支持绘制任意多边形 支持起点、终点自动磁吸 支持调整单个节点的位置 支持撤销操作 支持删除多余节点 支持不可编辑状态和可编辑状态切换 封闭的图形填色 支持同时绘制多副封闭区域 支持在多个封闭区域之间进行切换,只有当前激活的多边形才可以进行编辑 支持已经绘制好的多边形,重新打开 支持当前激活多边形删除

使用(angular): npm install @zijin/area-select

angular template

angular component