Javascript 将转换后的HTML元素移动到绝对位置
我想编写一个JavaScript函数,将CSS3转换(缩放、倾斜、旋转)的div元素移动到容器框中的绝对位置。我们正在开发一个类似画布的应用程序。我正在使用Javascript 将转换后的HTML元素移动到绝对位置,javascript,graphics,transformation,css-transforms,affinetransform,Javascript,Graphics,Transformation,Css Transforms,Affinetransform,我想编写一个JavaScript函数,将CSS3转换(缩放、倾斜、旋转)的div元素移动到容器框中的绝对位置。我们正在开发一个类似画布的应用程序。我正在使用getBoundingClientRect()查找元素的绝对位置和边界矩形。但是,当我将此元素移动到指定位置时,它不起作用,因为x和y位置已平移 移动到(0,0): 您尝试过什么吗?请添加源代码的相关部分。请参阅:。使用伪代码更新了问题,我尝试了类似的代码,但无效!请检查! // pseudocode I tried! const mat
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);