如何重置panzoom.js的坐标？

Question

我正在开发一个HTML/css/js程序来拖动视频来定位它并用鼠标滚轮缩放它.该程序在浏览器屏幕中缩放.但是,当我更改为全屏时,视频在放大时从光标向上爬行.当进入全屏时,如何重置panzoom.js的坐标？

这些是链接:Zoom.html和jquery.panzoom.js

Answer 1

jquery.panzoom.js中有一个“重置”选项。因此，当全屏显示时，请将其添加到您的BigSmall函数中：

$('#focal').find('.panzoom').panzoom("reset");

然后它将重置缩放状态。