Я строю графический редактор, который позволяет перемещать объекты, изменяя размеры и т. Д. c.
На рисунке вы видите верхний прямоугольник. Когда я перемещаю якоря, он просто отлично меняет размеры. Однако, когда он вращается, как на нижнем изображении (ie. transform: rotate(20deg)
), и я перемещаю якоря, прямоугольник начинает плавать в разных направлениях в зависимости от вращения. Я предполагаю, что это потому, что оси X и Y также вращаются. Я пытаюсь сделать какой-то расчет, чтобы сохранить прямоугольник на месте, как если бы он не вращался. transform-origin не обрезает его, так как к нему применены другие преобразования.
Может ли кто-нибудь помочь мне найти смещение x и y, которое я должен применить к позиции, когда она изменяется. Большое спасибо!