html5에서 특정 영역을 클릭하는 방법?

Question

캔버스를 사용하여 원을 만들고 선으로 나눕니다. 특정 지역의 좌표를 원합니다. 특정 지역을 클릭하면 클릭 만 가능합니다.

원이 여러 좌표로 나누어지고 여러 문자가 나누어 진 영역에 배치되는 단어 휠 게임의 예를 살펴보십시오. 문자 'A'가있는 특정 영역을 클릭하려면 'A'를 클릭하고 텍스트 상자에 표시해야합니다.

어떻게해야합니까?

Answer 1

캔버스를 구성하는 요소는 기억되지 않으므로 대화 형이 아닙니다. 캔버스에 적용하자 마자 해당 요소는 집단에 포함됩니다. DOM 요소와 같은 개별 요소는 아닙니다.

해결 방법은 직접 물건의 위치를 ​​기억하고 캔버스 요소에 대한 클릭을 듣고 클릭이 착륙 한 자신의 논리를 통해 해결하는 것입니다.

이것은 중요하지 않습니다. Kinetic과 같은 라이브러리를 사용하면 쉽게 사용할 수 있습니다. 이와 같은 API로 작업하면 바닐라 JS를 통해 DOM에 jQuery를 사용하는 등 많은 시간을 절약 할 수 있습니다.