ImageMaps 에디터
(imagemaps.net)- HTML 이미지 맵을 쉽게 만들수 있는 웹 편집기
- 사각형 / 폴리곤 이미지 영역 생성 가능
- 영역 이름 / href / 채움색상 변경
- JSON으로 저장/로드 가능
- HTML / React 코드로 Export 지원
이제는 잊혀진 기술(?)인가 싶지만, 이미지맵을 잘 사용하면 인터랙티브한 화면을 만들수 있어서 유용합니다.
제가 좋아하는 사이트중에 이미지맵 느낌을 잘 활용하는 사이트로 https://everydaycarry.com 가 있는데요.
매일 들고 다니는 물품들을 EDC(EveryDay Carry) 라고 부르는데 그거 하나하나를 클릭할 수 있게 만들어 놨습니다.
(여긴 실제 구현은 이미지맵으로 하지는 않았습니다. 기능이 복잡하다 보니 자체 구현한듯 )