获取移动/旋转元素的当前位置

Question

我正在尝试获取矩形div的当前位置。元素与其他元素一起移动和旋转（不是靠它本身，而是附着在另一个旋转的div上）。

我的当前代码获取当前位置，但是当所述元素移动时，它输入错误的位置。我对所有内容都使用纯JS。

任何想法如何使计算包括元素的正确位置？ （我只需要抓住左上角，而不是居中）

f获取当前元素（炮塔）的x / y，“ field”是游戏板（不是全屏）：

function turretPositionUpdater() {
    turretX = turret.getBoundingClientRect().left - field.offsetLeft;
    turretY = turret.getBoundingClientRect().top - field.offsetTop;
}

完整的应用小提琴https://jsfiddle.net/n96kaf24/（按R启用旋转）