jquery - 应用css旋转变换时调整大小时左侧错误，顶部

Question

我正在编写一个脚本，我必须使用 jQuery ui 控件调整 div 的大小。当没有应用旋转变换时，调整大小控件效果很好。但是当你旋转div然后调整它的大小时，div 开始移动到左下角或右下角（请参阅此处的动画 GIF（在新标签中打开链接））。

这是完整的代码： jsfiddle

下面是调整元素大小的代码。

 var inner = elem.find(".inner");
        var values = transform_matrix(inner);


        if(values != "none"){
            var innerWidth = ui.size.width/values[0];
        }
        else{
            var innerWidth = ui.size.width;
        }
        inner.width(innerWidth);

        var innerHeight = inner.height() * values[0];

        elem.css({
            height: innerHeight,
            left: ui.position.left + 10,
            top: ui.position.top +10,
        });
        controls.css({
            height: innerHeight,
        });

任何帮助将不胜感激。