labelImg web 으로 구현

대표적인 라벨링 툴  labelImg (https://github.com/HumanSignal/labelImg)

GitHub - HumanSignal/labelImg: LabelImg is now part of the Label Studio community. The popular image annotation tool created by

 

파이썬으로 구현되어 있는 위 프로그램을 웹으로 구현할 일이 생겨 구현한 내용 정리

라벨링 툴 웹 에서 구현 by Javascript (vanilla)

 

요구사항

1. labelImg  참고하여 사진 불러오고 라벨링 진행

2. 라벨 속성에 따라 다른 box 생성

3. 라벨 text on/off 

4. 라벨별 box on/off

5. 라벨 box 이동, 크기조절, 복사, 삭제

6. 작업완료 후 yolo 형식 txt 파일 추출

7. 사진에 yolo 형식 txt 파일 선택해 라벨 box 그리기

8. 사진 확대, 축소 이동

 

완성화면

 

배포 

https://keartt.github.io/labeling/

이미지 라벨링 도구

 

코드

https://github.com/keartt/keartt.github.io/tree/main/labeling

keartt.github.io/labeling at main · keartt/keartt.github.io