平移到特定的X和Y坐标，并对图像进行中心平移缩放

Question

我正在使用ariutta-svg-pan缩放库(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）"one_answers"+（pan Zoom.getSize（）.height/2）"负责将偏移添加到x和y坐标，以确保图像居中。

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