jquery ui resizable:调整旋转对象的大小

Question

问题:

Jquery-ui-resizable似乎不适用于旋转对象.在旋转元素之后,手柄执行与未旋转元素相同的操作.

想法:

轴可以根据旋转矩阵旋转(http://en.wikipedia.org/wiki/Rotation_matrix).所以我想我们可以获得更新的鼠标坐标x' = x*cos(a) -y*sin(a); y' = x*sin(a) + y*cos(a).

有没有人见过类似的解决方案(补丁,或用于调整大小的独立jquery插件)？谁能给一个建议给我,如果我会重写_mouseStart和_mouseDrag一个jquery.ui.resizable的方法呢？

Answer 1

好的,最后我回到了我的问题并取得了一些进展:https://github.com/andyzee/jquery-resizable-rotation-patch 我现在决定不使用旋转矩阵(尽管它确实有效),但是切换处理程序

function switchAxis(axis, angle) {
    while(angle >= 360) angle = 360-angle;
    while(angle < 0) angle = 360+angle;
    var axisArray = ["n", "ne", "e", "se", "s", "sw", "w", "nw"];
    var octant = Math.round(angle/45); // 0 .. 7
    var index = 0;
    if ( [].indexOf ) {
        index = axisArray.indexOf(axis);
    } else {
        for(var i=0; i<axisArray.length; i++) {
            if (axisArray[i] === axis) index = i;
        }
    }
    var newAxisIndex = (index + octant) % 8;
    return axisArray[newAxisIndex];
}

我肯定会继续我的搜索,可能会编写自己的解决方案.