Задача: поворот движущего сложного объекта canvas
 

Всем привет, у меня возникла проблема с canvas, помогите плиз решить.
Вообщем есть сложный объект размером 30х30рх, он постоянно перерисовывается чтоб создать эфект движения, то есть у него постоянно меняются координаты Х и Y. Мне необходимо его повернуть например под углом 90", но при этом координатная сетка должна остаться в том же положении.
Я так понимаю это можно сделать с помощью метода setTransform, но все мои эксперементы пока безуспешны, либо сильно искривляет объект либо смещает оси координат. Если есть у кого решение дайте плиз буду очееень благодарен):)

Ксать зачастую занчительно шустрее анимировать положения встроенного над основным canvas мелкого дополнительного(если форма объекта легко обрамляется в круг или прямоугольник)

метод rotate() к сожалению тут не подходит так как смещается ось координат

я так понимаю вы имеете в виду метод createImageData() или создание еще одного элемента canvas

Если есть большое canvas статического поля (ну не совсем статического - эффекты на нём можно отобразить) динамический canvas можно отрендить сcs3 типо анимация, инерционность

я так тоже уже думал сделать, но потом отказался так как не хватает еще пока в CSS переменных, этот объект - это моб в игре отрисованный примитивами и анимирован, одновременно их на карте может находиться до 100шт, плюс там у меня еще завязана логика на них, то есть поиск оптимального пути и т.д.
Перекопав кучу материала я пришел к выводу что единственная норм возможность повернуть моба это метод setTransform(), с помощью него можно наложить хитрую матрицу на сохраненый объект, таким образом чтоб не сместить ось координат.

Можно еще покапаться с методом createImageData(), но это по пиксельная трансформация, то есть можно два раза перерисовывать моба, но это уже лишняя нагрузка