댓글 : 최근에 SVG의 클릭 이벤트를 사용하여 최근에 물건을 만들었습니다. 캔버스 대신 SVG를 사용하는 이유는 SVG의 요소가 클릭 이벤트를 추가 할 수 있기 때문입니다. 다음으로 추가 방법을 자세히 소개하겠습니다. 관심있는 친구들은 그것에 대해 배울 수 있습니다.
최근에 나는 SVG의 클릭 이벤트를 사용하여 일을 만들고 있습니다. 캔버스 대신 SVG를 사용하는 이유는 SVG의 요소가 클릭 이벤트를 추가 할 수 있기 때문입니다. 그들 사이의 상세한 차이점은 다음과 같습니다.캔버스와 SVG 비교 (세부 사항 참조)
다음 표는 캔버스와 SVG의 차이점을 나열합니다.
캔버스
• 해상도 의존적
• 이벤트 핸들러는 지원되지 않습니다
• 약한 텍스트 렌더링 능력
• .png 또는 .jpg 형식으로 결과 이미지를 저장하는 기능
• 이미지 집약적 인 게임에 가장 적합하며 그 중 다수는 자주 다시 칠해집니다.
SVG
• 해결이 없음
• 이벤트 처리기를 지원합니다
• 대형 렌더링 영역이있는 응용 프로그램 (예 : Google지도)에 가장 적합합니다.
• 높은 복잡성은 렌더링 속도를 늦출 수 있습니다 (DOM을 오버런하는 응용 프로그램 없음)
• 게임 애플리케이션에 적합하지 않습니다
웹 페이지는 모바일 장치를 지원하고 Android에서 테스트하기에도 일반적이기 때문에 Chorme에서 정상적으로 사용할 수 있습니다. 그러나 iPad에서 페이지를 열 때 클릭 이벤트가 쓸모가 없다는 것을 알았습니다. 많은 정보를 확인하고 문제의 이유를 발견했습니다. 나중에 W3C에서 SVG 설명의 데모가 실제로 클릭 효과를 달성 할 수 있음을 발견했습니다. 코드와 비교하여 클릭 이벤트가 jQuery에 의해 SVG 요소에 추가 된 것을 발견했으며 SVG 요소에 onclick = circle_click (EVT)에 대한 설명이 없습니다. onclick = 클릭 (EVT)을 추가했으며 실제로 iPad에서 SVG 요소에 대한 클릭 이벤트가 있습니다.