我有一个应用程序我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都是唯一的。
答案 0 :(得分:0)
我找到了一个jquery插件,可以很好地运行我想要的内容
https://github.com/ariutta/svg-pan-zoom
只需按照链接上给出的步骤进行操作
如果您有多个小组,那么您不需要将该课程视为视口。因为如果你这样做它只适用于创建的第一个元素,如果你删除它,那么它将适用于整个svg