0

Я хочу получать координаты левого нижнего угла(изначального).

deg = 0;
setInterval(()=>{
    deg+=1;
    document.getElementById("div1").style.transform = `rotate(${deg}deg)`;
},20);

Пробовал находить их через getBoundingClientRect(), но он, как я понял, находит кратчайшее растояние, а мне нужно расстояние от левой нижней точки (изначальной).

P.S.

#div1{
    transform-origin:50% 50%;
    width: 200px;
    height: 400px;
}
2
  • А как проиcходит вращение - вокруг центра прямоугольника? И координаты относительно чего?
    – MBo
    16 дек 2018 в 8:49
  • Относительно родительского элемента или окна, без разницы
    – Frog
    16 дек 2018 в 8:53

1 ответ 1

1

В начальный момент координаты угла относительно центра были

x0 = -width / 2
y0 = height / 2  //знак зависит от направления осей

После вращения вокруг центра (angle в радианах)

x = x0 * Cos(angle) - y0 * Sin(angle) = 
   -width / 2 * Cos(angle) - height / 2 * Sin(angle)
y = x0 * Sin(angle) + y0 * Cos(angle) = 
    -width / 2 * Sin(angle) + height / 2 * Cos(angle)

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.