平移到特定的X和Y坐标以及中心图像svg-pan-zoom

Question

我正在使用ariutta svg-pan-zoom库（https://github.com/ariutta/svg-pan-zoom）。

当用户点击按钮时，我试图在（x：1000，y：20）处平移到特定形状。我还希望图像在这一点上居中。

我面临的问题是我试图在屏幕上平移并居中。

我目前正在使用：

panZoom.pan({x:1000, y:20});

但这不起作用。

有关详细信息，请参阅jsFiddle：http://jsfiddle.net/arjSharma/n6r55dp1/2/

任何人都可以帮我解决问题吗？

由于

Answer 1

我设法回答了我的问题： 我首先使用以下方法平移到点0,0：

panZoom.pan({x:0,y:0});

然后我通过以下方式获得'真实缩放'值：

var realZoom= panZoom.getSizes().realZoom;

要在特定的x和y处平移和居中，请使用pan（）方法并传递x和y坐标，如下例所示：

panZoom.pan
({  
x: -(755*realZoom)+(panZoom.getSizes().width/2),
y: -(240*realZoom)+(panZoom.getSizes().height/2)
}); 

'+（panZoom.getSizes（）。width / 2）'和'+（panZoom.getSizes（。。height / 2）'负责将偏移量添加到x和y坐标，以确保图像是居中。

随时可以就我的回答提出任何进一步的问题。