Как найти координаты повернутого объекта?

Question

[Д. Г.]

Есть объект с такими параметрами:

var obj={
x:100,  //координаты по x
y:100, //координаты по y
w:100, //ширина
h:100 //высота
d:90 //угол поворота
}

Также есть функция,которая отображает все эти параметры на картинку (функция вызывается каждую секунду). Всё работает,только хотелось бы,чтобы можно было вычислить координаты углов картинки,повернутой на несколько градусов(а сами координаты записать в параметры объекта). Проблема в том,что я не могу это реализовать. Может кто-нибудь дать решение проблемы? Заранее спасибо

Comments

[Kovalsky]

"не могу это реализовать(не используя синусы и косинусы)" - а почему бы тогда не использовать синусы и косинусы?

Answer 1

[RAX7]

Можешь матрицу трансформации сохранить и потом ее применить к координатам углов исходной картинки.
Пример на canvas

p.s. может проще все же использовать синусы и косинусы

Comments

[Д. Г.]

С канвасом я не особо знаком,поэтому да,лучше использовать косинусы

[RAX7]

Кожный Мякиш, принцип везде один и тот же. Если у тебя есть матрица трансформаций, то можно её повторно применить к другим объектам
другой пример на css