0

我有一张图片,完整的图片尺寸是1920x1080. 当它显示在屏幕上的一个地方时128x128,您可以将其移动到屏幕的另一部分,并使用 jQuery 的函数将其大小调整为 50% ,.animate()然后调用到达调整大小的句柄。$(el).resizable()1920x1080

1920x1080我创建了一个自定义函数来动画图像的放大并“破坏”调整大小,然后在放大图像后它会调用调整大小,并且无论屏幕上的图像有多大,句柄仍然是。我什至尝试在图像上调用 resizable 后,直接操作 CSSui-wrapper以匹配图像的大小,但它总是重置为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"
 })
4

0 回答 0