jquery изменяемого размера и вращающийся

Question

Я планирую использовать одновременно изменение размера и вращение, оно уже работает нормально, но при попытке изменить размер после поворота все равно возникает ошибка

1. После поворота и наведения на какую-то точку курсор останется прежним, думаю, это смутило моего клиента.
2. Для точек N, NW и NE, кажется, нет максимального размера?

Я нашел этот код на jquery-resizable-вращение-патч, но я не уверен, где я должен положить его

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];
}

Я сделал JSFiddle для своего кода, пожалуйста, проверьте его Спасибо! Изменить размер + Повернуть