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



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

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

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

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

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

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

在"CSS3"上动画旋转

codeMonkey给出的答案可能对你有用万事如意!!

相关内容

  • 没有找到相关文章

最新更新