Я хочу написать функцию 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);