ZoomIn / ZoomOut鼠标滚动动态创建的svg元素

时间:2014-11-17 10:50:20

标签: javascript jquery asp.net asp.net-mvc-4 svg

我有一个应用程序我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都是唯一的。

1 个答案:

答案 0 :(得分:0)

我找到了一个jquery插件,可以很好地运行我想要的内容

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

只需按照链接上给出的步骤进行操作

如果您有多个小组,那么您不需要将该课程视为视口。因为如果你这样做它只适用于创建的第一个元素,如果你删除它,那么它将适用于整个svg