點擊去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。