3
일부 모양을 사용하면 채워진 부분을 클릭 할 수 있고 투명 부분에서 클릭 할 수 없으므로 (그 뒤에있는 요소를 클릭 할 수 없게됩니다). 다음은 삼각형 모양의 예입니다. http://img138.imageshack.us/img138/1276/e4t.png부분 투명한 이미지의 투명 영역을 클릭하십시오.
검은 선은 테두리 상자 선입니다. 텍스트를 선택하거나 테두리 상자 (녹색 윤곽선 영역) 안에있는 요소와 상호 작용할 수 있지만 채워진 부분으로는 덮어 쓰지 않을 수 있습니다.
가능한 모든 값으로 포인터 이벤트를 설정하여 SVG를 시도했지만 작동하지 않는 것 같습니다. 바람직한 솔루션은 html5, css 및 png 이미지를 만들지 만 모든 작업 솔루션을 환영합니다. 당신은 스타일 속성을 추가 할 수 있습니다
이전 질문에서 답을 찾을 수 있습니다. http://stackoverflow.com/questions/4621305/how-do-i-create-a-click-map-using-the-visable-area-of -a-png-image-with-jav ascrip –
이전 질문은 http://stackoverflow.com/questions/5948251/click-area-on-sprite-in-canvas에 링크되어 있습니다. – Thilo