Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将转换后的HTML元素移动到绝对位置_Javascript_Graphics_Transformation_Css Transforms_Affinetransform - Fatal编程技术网

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

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

我想编写一个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);