캔버스를 클릭하십시오 - 클릭 한 위치에 따라 옵션 목록을 얻으십시오

Question

어떻게해야할지 모르겠습니다. 할 수 있습니까? 그것을 어떻게 열심히 할 수 있습니까? 그리고 잘하면 다른 플러그인 라이브러리 (jquery 괜찮아) 필요성없이 할 수 있습니다 - js 파일의 수를 줄이려고합니다.

지도가있는 캔버스가 있습니다. 사용자는지도를 클릭 할 수 있습니다. 그런 다음 사용자가 클릭 한 위치 (둥근 모서리와 검은 색 테두리) 근처에 흰색 사각형을 표시하고 사용자가 선택할 수있는 몇 가지 옵션을 표시합니다. '국가 요약', 'GDP'등과 같은 텍스트 옵션을 사용할 수 있습니다. 사용자가 하나를 선택하면 정보가 왼쪽 영역에 표시되고 흰색 옵션이 자동으로 사라집니다.

이것이 가능합니까? 할 수있다 없이 파란 막대기 및 다른 모든 창 짐을 가진 창을위한 필요는?

누군가가 도움을 줄 수 있기를 바랍니다.

jon

Answer 1

예, 가능합니다. 캔버스에서 할 필요는 없지만 해당 부분에 일반 HTML을 사용할 수 있습니다. 그냥 다음과 같은 CSS 속성

position:absolute; 
display:inline; 

(뿐만 아니라, 둥근 모서리와 검은 색 테두리 일부 CSS) 있는 페이지에 새로운 요소를 추가 한 다음 X 및 Y 마우스 좌표의 X 및 Y 속성을 설정 이벤트의

그런 다음 다른 요소와 마찬가지로 해당 요소로 작업하십시오.