jQuery PanZoom:如何限制平移某个百分比?

Posted

技术标签:

【中文标题】jQuery PanZoom:如何限制平移某个百分比?【英文标题】:jQuery PanZoom: How to limit panning by some percentage? 【发布时间】:2015-07-06 20:37:22 【问题描述】:

有没有办法将平移限制为图像的 50%。例如,在平移图像时,如果 50% 的图像超出屏幕/平移区域,则停止朝该方向平移。

检查此demo 以了解我正在寻找的行为。

【问题讨论】:

【参考方案1】:

只需使用反向遏制 http://timmywil.github.io/jquery.panzoom/demo/#inverted-contain 并调整元素周围的空白以在特定方向平移时停止。

【讨论】:

虽然它在某些情况下似乎可以工作,例如在演示页面上,但它似乎有问题。我无法让它在我的上下文中工作,并且事件 contains: true 自 1.3.4 版以来是错误的。在这里查看我的帖子:github.com/timmywil/jquery.panzoom/issues/… 是的,对我来说也不是很好。希望他能尽快修复……你知道是否有办法从panzoomstart 事件中取消平移?

以上是关于jQuery PanZoom:如何限制平移某个百分比?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 jQuery Panzoom 插件中的矩阵值

在某些事件上启用 jquery panzoom

jQuery Panzoom 包含:在具有固定宽度的容器内“反转”

jquery panzoom js有问题,调用destroy时增量值不会被破坏

角度 4 缩放

chrome 55 中的缩放平移问题