javascript - アニメーションでjQueryのサイズ変更

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"
 })