이미지의 특정 부위를 클릭하면 색이 변하게 하고 싶습니다.

Question

말로 풀어서 설명하려니 제목이 저모양이 되었는데...이미지로 설명을 드리겠습니다!! 좌측처럼 검정색 테두리의 타원이 있고, 타원은 주황색 실선으로 쪼개져 있습니다. 쪼개진 부위를 클릭하면 우측처럼 파란색으로 색칠이되는 형태를 만들고 싶습니다. 여기서 문제가 된 부분이,onClick 이벤트를 받는 영역을 지정하는건데,테이블처럼 바둑판식 배열이 아니다보니, 직각으로 딱딱 나뉘는게 아니라 어떤식으로 구간을 구분해야할지 감이 잘 안옵니다. 어떤식으로 만들면될까요???

마니 · Accepted Answer

dom 컨트롤로는 힘들 것 같구요canvas 사용하시는 걸 추천드립니다

바나코 · Answer

잘은 모르지만 konva 라는 라이브러리가 photoshop과 같은 고급 드로잉기술을 제공합니다 관심있으시면 한번 알아보세여

이미지의 특정 부위를 클릭하면 색이 변하게 하고 싶습니다.

2개의 답변

Q&A 목록