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

Question

我正在编写一个脚本，我必须使用jQuery ui控件调整div的大小。当没有应用旋转变换时，调整大小控件很有效。但是当您旋转 div 然后调整其大小时，div开始移动到左下角或右下角（See the animated GIF here（在新标签中打开链接））。

这是完整的代码： 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,
        });

非常感谢任何帮助。