Question

我有一张图片，完整图片尺寸为1920x1080。当在一个地方的屏幕上显示128x128时，您可以将其移动到屏幕的另一部分，并使用jQuery的.animate()函数将其调整为50％，然后调用$(el).resizable()，但是可调整大小的区域为1920x1080，因此您必须向下滚动，越过图像才能进入调整大小的句柄。

我创建了一个自定义函数来动画图像的放大并“破坏”调整大小，然后在放大图像后它会调用调整大小并且手柄仍为1920x1080，无论图像在屏幕上有多大。在调用图像上的resizable之后，我甚至尝试直接操作ui-wrapper的CSS以匹配图像的大小，但它总是重置为1920x1080。下面是我正在尝试直接操作包装器的一段代码...失败。

任何人都有任何想法如何让resizable()将手柄放在图像的边缘，无论图像有多大或多小，而不是将它们放在完整尺寸图像的边缘。谢谢！

 el.resizable('destroy');
 var myHeight = el.height(),
     myWidth = el.width();
 el.resizable({
      aspectRatio: that.calculateAR(el)
 })
 el.parent('.ui-wrapper').css({
      width: myWidth + "px",
      height: myHeight + "px"
 })

jQuery使用animate调整大小

0 个答案: