点击去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。如果你需要的话，你也可以用2来玩devid。