在動態創建的svg元素上滾動時使用ZoomIn / ZoomOut

Question

我有一個應用程序asp.net，我有一個視圖頁面，其中動態創建了我的svg元素。 現在，我想將縮放功能應用於所有已創建的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

我找到了一個jQuery插件，可以很好地運行

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

只需按照鏈接上給出的步驟

而且，如果您有多個組，則無需將該類保留為視口。 因為如果這樣做，它將僅對創建的第一個元素有效，如果將其刪除，則它將對整個svg有效