svg 경로 포인터 이벤트 - 클릭 감지

Question

일부 HTML을 작성하여 HTML SVG 및 PATH 태그를 사용하여 베 지어 곡선을 그릴 수 있습니다. 내 커브가 정말 멋지게 나오고 사용자가 커브 위로 마우스를 가져 가면 색을 바꿀 수있는 기능을 추가하고 싶습니다. SVG가 경로를 포함하는 큰 상자를 생성하고 모든 클릭을 포착한다는 사실이 발생합니다. 경로가없는 영역에서도 기본적으로 모든 것을 차단합니다. 경로가 왼쪽 하단 모서리에서 오른쪽 상단 모서리로 이동하고 누군가가 왼쪽 상단 모서리에 있음을 상상해보십시오 (비어 있지만 버튼이 있습니다). 그 클릭은 통과하지 않습니다.

CSS에서 나는 포인터 이벤트를 추가 할 수 있음을 깨달았습니다. 라인을 클릭하면 SVG를 완전히 클릭 할 수 있지만 SVG는 완전히 비활성화됩니다.

질문 : 그렇다면 클릭 수를 포착하고 경로가없는 영역에서 클릭 수를 허용 할 수있는 방법이 있습니까? 내 길의 빈 부분도 경로가 존재하지이었다 섹션에서 차단하고 그 아래 SVG 요소를 가져가 방지 된 곳

Answer 1

MJ 나는 비슷한 문제가 있었다. fillCSS 속성에 대해 none을 지정하고 fill-opacity 속성을 제거하여 해결했습니다. 그래서 이것을 시도해보십시오, 잘하면 도움이 될 것입니다.