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