将已转换的HTML元素移动到绝对位置

Question

我想编写一个JavaScript函数，将CSS3转换（缩放，倾斜，旋转）div元素移动到容器框中的绝对位置。我们正在开发类似应用程序的画布。我正在使用getBoundingClientRect()来查找元素的绝对位置和边界矩形。但是，当我将此元素移动到指定位置时，它不起作用，因为x和y位置已翻译。

移至（0,0）：

// pseudocode I tried!

const matrix = getTransformationMatrix(elm); // get elements transormation matrix.
const pos = matrix.applyToPoint(0, 0); // find related coordiate of zeroth postion by applying element's matrix
tranlatePosition(elm, pos.x, pos.y);