如何将缩放的图像保留在边界框中答案

【问题标题】：How to keep zoomed image in bounding box如何将缩放的图像保留在边界框中
【发布时间】：2013-01-28 12:47:52
【问题描述】：

我正在使用 jQuery 和 jQuery UI 来缩放图像。有一个固定大小的容器 div，然后是一个比它大得多的图像，可以在该容器内拖动。

下面的滑块控制图像的缩放级别，这很好用。我的问题是，当缩小图像的大小时，如果它被拖到靠近边界容器的边缘，它应该捕捉到该边缘并从剩余的边缘缩放。但我无法让它工作。

图像通过边缘并继续按比例缩小。

您可以通过缩放图像、将顶部移动到靠近容器边缘然后再向下缩放来查看行为。

任何帮助将不胜感激，代码在这里 -- http://jsbin.com/egivat/5/edit

【问题讨论】：

【解决方案1】：

任何动画都可以在一个固定点上完成检查此链接

codeMonkey 给出的答案可能对你有用一切顺利！！

【讨论】：