>source

변환을 위한 그룹화임을 이해합니다. 나는 또한 문서를 살펴 보았고 이것과 관련하여 아무 것도 찾지 못했지만 가능한지 궁금합니다.

  • 답변 # 1

    아주 오래된 질문이지만 도움이 되었기 때문에 단계별 가이드와 자세한 내용을 통해 답변 중 하나를 확장하고 싶습니다. 이것은 내 그룹이 연결이 끊긴 항목이 여러 개 있고 그 사이의 빈 영역을 포함하여 전체 영역을 클릭할 수 있도록 하고 싶을 때 만든 방법입니다.

    1. x/y/너비/높이 가져오기< g> 요소를 선택하면 크롬 개발 도구에서 이 작업을 쉽게 수행할 수 있습니다.< g> 요소 및 입력$0.getBBox()콘솔에서.
    2. 새 요소를< g> 이렇게:< rect x="TODO" y="TODO" 너비="TODO" 높이="TODO" style="포인터 이벤트: 모두" />
    3. 위의 TODO를getBBox
  • 답변 # 2

    요소와 리스너에 ID를 할당합니다. 전.

    <g id="clickg"><circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/><g>$("#clickg").on("click",function () {
        alert("click");
    });
    

  • 답변 # 3

    로 채우십시오.< rect width="무엇이든 <g> 너비는" height="무엇이든 <g> 높이는 "/>그리고 만들다< rect> 클릭 가능. rect는 투명하게 확인할 수 있습니다. 포인터 이벤트clicability를 구성하는 방법에 대한 속성< rect> .

    다음을 찾을 수 있습니다.< g> getBBox를 호출하여 높이와 너비.

  • 이전 모든 하위 클래스에 대한 C++ 템플릿 전문화
  • 다음 javascript : jquery를 사용하여 무한 루프를 애니메이션하는 방법은 무엇입니까?