数据标注平台,适用于目标检测、图像分割等 AI 模型训练前的数据准备
源代码
https://www.gitpp.com/openplus/project-labelimg-web
一款基于 Vue3 和 Fabric.js 构建的网页端图像标注平台,实现类似 LabelImg 的交互体验,专为计算机视觉数据集标注需求设计。系统利用 HTML5 Canvas 技术,通过 Fabric.js 强大的图形操控能力,支持对图像进行高精度的 多边形标注(Polygon Annotation) 和 矩形框标注(Bounding Box Annotation),适用于目标检测、图像分割等 AI 模型训练前的数据准备。
矩形标注


主体功能
当前工具实现了labelImg的标注功能,其中有:
辅助线功能,方便查看标注过程中的参照位置。【可开关控制】 鼠标指向点滚轮缩放或点击缩放按钮进行缩放功能。 进行大图片自适应窗口及自适应缩放按钮功能。 进行上一张,下一张图片标注切换功能。 可通过 ”w“键进行矩形框的拖拽创建绘制。可通过按钮进行多边形框的多点绘制功能。 可进行矩形框的拖拽修改大小以及双击修改 label标签内容。多边形双击进入编辑,再双击进入预览状态,可对顶点进行拖拽编辑功能。 可根据定义好的矩形数据以及多边形数据进行矩形多边形的回显功能。 可进行数据的精确的导出,矩形【导出上下左右点位及中心点】,多边形【导出各个点的位置】 可同时标注多边形矩形且可以层叠绘制,鼠标移入高亮等可视化功能。 固定字符固定随机颜色。 可对矩形多边形进行复制粘贴操作。【优化一】 不规则交叉多边形规则化配置开关。【优化二】 多边形创建不适用临时点线,而是临时矩形点线且最后一个点动态临时矩形【优化三】 添加标注结果导出图片功能【优化四】 创建多边形临时点线改为临时多边形,且临时多边形最后一个点跟着鼠标变换。【优化五】 创建多边形和矩形label标签改为下拉框选择【优化六】 解决高清大图放大后绘制矩形和多边形出现卡顿问题【优化七】 仿照labelImg矩形标注,重写四个角控制矩形,摒弃等比放大,可进行拖拽改变高宽值【优化八】
数据标注平台:开源价值、场景与业务深度解析
系统定位与核心价值
该开源项目(源码地址:
https://www.gitpp.com/openplus/project-labelimg-web)是基于Vue3+Fabric.js构建的网页端图像标注平台,复刻经典工具LabelImg的交互体验,专注于**目标检测、图像分割等AI模型训练前的数据准备**。通过HTML5
核心功能与技术架构
- 多模式标注能力
- 矩形框标注
:快速框选目标区域,适配目标检测任务(如车辆、行人检测)。 - 多边形标注
:精准勾勒不规则物体轮廓,支持图像分割、实例分割任务(如医疗影像中的肿瘤边界、卫星图像中的农田地块)。 - 技术栈优势
- 前端框架
:Vue3提供响应式交互界面,提升标注操作流畅度;Fabric.js实现图形拖拽、缩放、旋转等高精度操作,支持撤销/重做、快捷键操作,还原专业标注工具体验。 - 数据管理
:支持JSON/XML格式导出,兼容主流AI框架(PyTorch/TensorFlow)数据加载需求;集成标签管理系统,支持自定义标签库与批量标注模板。 - 跨平台部署
:基于Web的轻量化设计,无需本地安装,通过浏览器即可访问,适配Windows/macOS/Linux多系统,支持团队协作标注与版本控制。
典型应用场景
- 自动驾驶与机器人
-
为车载摄像头、激光雷达数据标注车辆、行人、交通标志的精确位置,支撑YOLO、Mask R-CNN等模型的训练,提升自动驾驶系统的感知精度。 - 医疗影像分析
-
在CT/MRI图像中标注肿瘤、器官边界,辅助生成分割模型,用于病灶检测、手术规划等场景,提升诊断效率与准确性。 - 工业质检与缺陷检测
-
标注电子元件、纺织品、金属零件的缺陷区域(如裂纹、变形),训练缺陷检测模型,实现产线自动化质检,降低人工漏检率。 - 农业与环境监测
-
标注卫星图像中的农田、森林、水体区域,支撑土地利用分类、作物长势监测等任务,助力精准农业与生态保护。 - 科研与学术研究
-
为计算机视觉领域的研究提供标准化标注工具,支持自定义数据集构建,加速算法验证与论文复现。
开源价值与业务意义
- 技术开放与定制化
-
源码开放支持企业二次开发,适配特殊标注需求(如新增标注类型、调整交互逻辑),避免商业标注工具的功能限制,降低技术依赖风险。 - 成本优化与效率提升
-
相比人工标注或商业平台,开源方案减少采购成本;通过标准化标注流程与工具优化,提升标注效率,缩短AI模型迭代周期,加速业务落地。 - 数据安全与隐私保护
-
本地化部署模式确保标注数据不外泄,符合医疗、金融、自动驾驶等行业对数据安全与隐私保护的高要求,降低合规风险。 - 生态扩展与社区支持
-
开源社区可持续贡献功能扩展(如视频标注、3D点云标注)、性能优化方案,形成技术生态闭环,助力企业快速响应新兴标注需求(如多模态数据标注)。
该平台通过高精度标注能力、跨平台易用性及开源生态优势,构建了从数据标注到AI模型训练的关键桥梁,是企业在计算机视觉任务中提升数据质量、降低训练成本、加速业务落地的核心工具。其灵活定制能力与本地化部署特性,更适配多行业、多场景的标注需求,助力AI技术在实际业务中的深度应用。
数据标注平台,适用于目标检测、图像分割等 AI 模型训练前的数据准备
源代码
https://www.gitpp.com/openplus/project-labelimg-web
一款基于 Vue3 和 Fabric.js 构建的网页端图像标注平台,实现类似 LabelImg 的交互体验,专为计算机视觉数据集标注需求设计。系统利用 HTML5 Canvas 技术,通过 Fabric.js 强大的图形操控能力,支持对图像进行高精度的 多边形标注(Polygon Annotation) 和 矩形框标注(Bounding Box Annotation),适用于目标检测、图像分割等 AI 模型训练前的数据准备。
本篇文章来源于微信公众号: GitHubFun网站
















暂无评论内容