在动态创建的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有效