Поворот изображения и система координат?

Question

[Богдан]

Здравствуйте. Подскажите пожалуйста. При повороте изображения идет так же поворот системы координат, а есть ли возможность что бы система координат осталась на месте? В данном примере я перевернул изображения на 90 градусов и теперь двигая координату x, фактически перемещение идет по координате y. Спасибо.



П.С. Почему-то вставка блока кодепен не происходит, поэтому пример по ссылке

Answer 1

[GreatRash]

https://jsfiddle.net/fdnrw179/

Comments

[Богдан]

Спасибо, в рамках нескольких обьектов - это работает, а можно ли в рамках если только один drawImage() ?
Сейчас как бы реализовую что создаю еще один канвас в котором переворачивую изображение, а уже в другом канвасе, где источник первый канвас его дивгаю (у меня что-то мини редактора, где можно мышкой двигать изображение), но мне кажется это не совсем оптимально?

[GreatRash]

Богдан, обычно так как у вас сделано и делают. Создаётся дополнительный холст (который вроде можно даже не аттачить в DOM), на нём проводятся все манипуляции с пикселями, а основной канвас (который видит юзер) используется тупо для того, чтобы отображать получившиеся пиксели.

[Богдан]

GreatRash, Спасибо.