ZoomIn/ZoomOut鼠標滾動動態創建的svg元素

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後循環。每個組創建的ID都是唯一的。

Answer 1

我發現一個jQuery插件，效果很好機智我想要的東西

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

只需要按照鏈路上給出的步驟

，如果你有一個以上的組，那麼你不需要將該類保留爲視口。因爲如果你這樣做，它只會爲第一個創建的元素工作，如果你刪除它，那麼它將適用於整個svg