Javascript 管理旋转图元上的拖动

这是我在这里的第一篇帖子，所以请对我温柔一点；）

我正在尝试使用MooTools制作一个简单的编辑器（尽管仍然是1.2.5）。每个元素都有一个拖动角，使其可调整大小

整个过程非常有效，直到元素旋转为止。在赋予它-moz transform:rotate（Xdeg）属性后，拖动会变得疯狂（简单示例：）

我知道为什么会发生这种情况——虽然元素是旋转的，但所有事件都是元素处于正常位置时发生的

问题是-是否有任何LIB可以处理此问题？ 我想我知道如何自己解决这个问题，但这需要时间，我没有时间

---

那么-有什么现成的解决方案可以使元素旋转时拖动正常工作吗？

不确定“正常工作”是什么意思，但您确实应该看看这一点，这更有意义（行为方面）：

---

它利用了element.makeResizeable，带有句柄和大小限制。当元素旋转时，它也可以正常工作。玩得开心…

“正常工作”-我的意思是，当我拖动到右侧时，元素的宽度会发生变化。设置“旋转（-45度）”后，向右拖动表示元素的宽度和高度已更改。我想要的是，元素旋转后的右拖动仍然只改变其宽度。在旋转之后，很难让它好起来，事实并非如此。看看这个-你可以更改修改器，但是效果很差。这是一个浏览器渲染问题。如果旋转得少，效果会更好。如果你想要更好的操控性，我建议你使用画布。是的，我们也这么认为，但我们希望，也许有一个解决方案，没有画布。无论如何，谢谢你。

var Box = new Class({

    mEl: null,

    mDragEl: null,

    mDrag: null,

    initialize: function(pEl) {
        this.mEl = pEl;
        this.createDrag();
    },

    createDrag: function() {
        this.mDragEl = new Element('div', {
            'class': 'drag'
        }).inject(this.mEl);
        this.mEl.makeResizable({
            handle: this.mDragEl,
            limit: {
                x: [60,300],
                y: [60,300]
            }
        });
    }
});

new Box(document.getElement('div.box'));
new Box(document.getElement('div.rotate'));