javascript - transform & transform-origin 后计算新的 (x, y) 坐标？

Question

我有这个简单的 fiddle 来演示我想要完成的事情:http://jsfiddle.net/eUSep/

如您所见，我正在扩展我的 test1 div 并指定一个新的来源。如何计算 test2 的新位置(顶部、左侧)改造后？它必须根据原点和比例进行计算，但我一直无法正确计算。

起初我认为我可以通过计算高度和宽度变化(基于当前比例和之前的比例)，然后从当前 left 中减去一半来做到这一点，然后将另一半添加到 width (伪代码):

var left = current_left - (width_change / 2);
var top = current_top - (height_change / 2 );

var right = current_left + width + (width_change / 2);
var bottom = current_top + height + (height_change / 2);

但这并没有考虑原点，我认为这只有在原点每次都在准确的中心时才有效。有谁知道我怎样才能做到这一点？

Answer 1

实际上看来 Jquery Position会为我完成工作。

更新 fiddle :http://jsfiddle.net/eUSep/1/

我可以得到变换前后的位置看变化:

var pos = $('#test2').position();