drawImage (1) 썸네일형 리스트형 [WEB] #4. 캔버스 이미지 처리 캔버스(htmlCanvasElement)에 이미지 업로드 후, 특정영역에 클릭이벤트를 주는 기능을 구현하고자 한다. openLayers를 통해서만 활용해 봤을 뿐, 실제로 태그를 직접 사용해 본 경험이 없어 하나씩 작업해 볼 예정이다. file upload 를 통해 이미지업로드 후, 이미지정보를 기반으로 캔버스에 비율에 맞춰 도식화한다. #0. 실행환경 next 13 프로젝트 생성 typescript tailwind (css) zustand dexie #1. 프로젝트 디렉토리 구조 ... ∨ src/ ∨ app/ > ... > canvas/ : > _components:/ : "use client" 컴포넌트 > _store/ : zustand store > utils/ : 기타 함수들 (포맷변환 등 ) .. 이전 1 다음
