单击以转到SVG坐标

Question

我有一个我已经缩放的SVG映射，并包含在较小尺寸的Div中。我有一个带有位置所有名称的下降框，然后单击我希望DIV内的SVG地图移至特定的X和Y坐标。我已经尝试这样做很长时间了，但我似乎无法做到这一点。我试图弄乱视图框并变换属性，但它们所做的只是将SVG删除。

有什么建议？

Answer 1

您可以使用svg-pan-zoom之类的东西：

 var panZoom = window.panZoom = svgPanZoom('#svgid', {
     zoomEnabled: true,
     controlIconsEnabled: true
 });
 panZoom.pan({x:0,y:0});
 var realZoom= panZoom.getSizes().realZoom;
 panZoom.pan
 ({  
     x: -(1000*realZoom)+(panZoom.getSizes().width/2),
     y: -(500*realZoom)+(panZoom.getSizes().height/2)
 });

其中1000是SVG的width，而500是height。另外，如果需要的话，您可以使用DEVID进行比赛。