如何在边界框中保持缩放图像

时间:2013-01-28 12:47:53

标签: javascript jquery jquery-ui jquery-slider jquery-draggable

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

任何动画都可以通过固定点完成 检查此链接

Animate rotation on "CSS3"

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