Jquery ui jQueryUI-像在图像编辑器中一样旋转、拖动、调整DIV大小

我需要“用户友好的”旋转，拖动和调整大小的DIV。但是，当这个DIV旋转时，调整大小的功能工作得非常好。不像在图像编辑器中。用户无法正确处理调整大小。怎么做

HTML:

<div id="blue"></div>

jQuery

$("#blue").resizable({
    aspectRatio: false,
    handles: 'ne, se, sw, nw'
});

$("#blue").draggable();

---

研究了一个类似的问题：

在本例中，OP希望向每个角添加旋转控制柄。但这也是你报道的一个很好的例子

看看：

HTML

<div class="box-wrapper">
  <div class="box">
  </div>
</div>

以旋转角度调整大小会改变长方体的位置、宽度和高度，并导致长方体以某种奇怪的方式移动。这就是为什么它不像在某些图形程序中那样工作

由于您没有指出您希望Behavior是什么样子，我无法正确回答您的问题：用户无法正确处理resize。怎么做

---

我希望这有助于解释这个问题。

研究了一个类似的问题：

在本例中，OP希望向每个角添加旋转控制柄。但这也是你报道的一个很好的例子

看看：

HTML

<div class="box-wrapper">
  <div class="box">
  </div>
</div>

以旋转角度调整大小会改变长方体的位置、宽度和高度，并导致长方体以某种奇怪的方式移动。这就是为什么它不像在某些图形程序中那样工作

由于您没有指出您希望Behavior是什么样子，我无法正确回答您的问题：用户无法正确处理resize。怎么做

---

我希望这有助于解释这个问题。

我说的是.rotatable（）；不是函数。是否添加了可旋转库？它不是jquery hi本身的一部分，而是一个插件；不是函数。是否添加了可旋转库？它不是jquery hi本身的一部分，而是一个插件。

$(function() {
  // Assign Draggable
  $('.box-wrapper').draggable({
    cancel: ".ui-rotatable-handle"
  });
  // Assign Rotatable
  $('.box').resizable().rotatable();
});