Javascript 在变换后计算新的（x，y）坐标&；转换原点？

我用这把简单的小提琴来演示我要完成的任务：

如您所见，我正在扩展我的

test1

div并指定一个新的原点。转换后如何计算

test2

的新位置（顶部，左侧）？它必须根据原点和刻度来计算，但我一直没能得到正确的结果

起初，我认为我可以通过计算高度和宽度的变化（基于当前刻度和以前的刻度），然后从当前

左侧

中减去一半，然后将另一半添加到

宽度上（伪代码）：

但这并没有考虑到原点，我认为只有当原点每次都在正中心时，这才有效。有人知道我是如何做到这一点的吗？
事实上，这似乎可以帮我完成这项工作

更新小提琴：

我可以得到转换前后的位置以查看变化：

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

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