我正在使用 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/
有人可以帮助解决我的问题吗?
Thanks
我设法回答我的问题:
我首先使用以下方法平移到点 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 坐标,以确保图像居中。
如果对我的回答有任何进一步的问题,请随时提出。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)