如何重置panzoom.js的坐标？

Question

我正在编写一个HTML/css/js程序来拖动一个视频来定位它，并用鼠标轮缩放它。该程序在浏览器屏幕上放大很好。但是，当我切换到全屏时，视频就会在缩放时从光标上爬上来。当进入全屏时，如何重置panzoom.js的坐标？

以下是链接：Zoom.html和jquery.panzoom.js

Answer 1

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

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

然后，它将重置缩放状态。