동적으로 생성 된 svg 요소에서 마우스 스크롤시 ZoomIn/ZoomOut

Question

내 svg 요소가 동적으로 생성되는보기 페이지가있는 i asp.net 응용 프로그램이 있습니다. 이제 생성 된 모든 svg 요소에 확대/축소 기능을 적용하려고합니다. 휠 스크롤과 함께이 확대되어야하며 스크롤 아래로는

<svg id="SomeSVG" viewBox="0 0 1800 1800"> 

<g id="@someId" class="group" data-name="@lSomeName"> 
<polygon points="@SomePoints" class="polygon" /> 
</g> 

<svg> 

이 모델에서 데이터를 가져와 다각형의 클러스터가 작성되는 곳에서 SVG 후 for 루프가를 축소해야한다. 생성 된 각 그룹의 ID는 고유합니다.

Answer 1

나는

https://github.com/ariutta/svg-pan-zoom

그냥 링크 주어진 단계를 수행 할 필요가 원하는 것을 잘 재치를 작동하는 jQuery 플러그인을 발견했다

그리고 당신은 둘 이상의 그룹이있는 경우 클래스를 뷰포트로 유지할 필요가 없습니다. 그렇게하면 첫 번째 요소 만 생성되고 제거하면 전체 svg에 적용됩니다.