🎨 Canvas Brush Labeling Demo

React + TypeScript 기반의 간단한 브러시 드로잉 및 픽셀 분석 데모.
브러시로 캔버스를 드래그하면 칠해진 픽셀의 위치와 값을 실시간으로 확인할 수 있어
세그멘테이션 라벨링 툴 제작 시 참고용으로 활용

✨ 주요 기능

• 마우스 드래그 기반 브러시 칠하기
• 브러시 크기 및 색상 실시간 조정
• 브러시 프리뷰 (점선 테두리로 표시)
• 중심 픽셀의 RGBA 값 추출
• 전체 캔버스의 브러시 영역 분석
• 브러시 영역 내 총 픽셀 수, 마스크 생성

🧠 기술 스택

• React
• TypeScript
• HTML5 Canvas API (getImageData, putImageData, fill, arc, etc.)
• TailwindCSS

🚀 실행 방법

# 프로젝트 설치
npm install

# 개발 서버 실행
npm run dev