1

Всем привет.

Такой вопрос, есть картинка, я её поворачиваю и вставляю в определенные координаты, однако при повороте допустим на 45 градусов this.ctx.rotate(45 * Math.PI / 180); система координат тоже поворачивается, и картинка попадает совсем в другое место canvas'a . Помогите пожалуйста это исправить ?

При увеличении x - > Действие при увеличении x

2
  • Вам уже ответили на этот вопрос, выполнять save перед действиями и restore после. Если что-то не получается, то хотя бы приведите достаточный код, где эта проблема воспроизводится.
    – Alex Krass
    18 апр 2016 в 15:31
  • Нет, это другой вопрос, дело в том что при повороте картинки поворачивается система координат, разумеется я могу её развернуть обратно путем restore() , но мне её перед этим нужно в правильном месте отрисовать .
    – Accami
    18 апр 2016 в 15:37

1 ответ 1

1

Я вам на примере подсказал, что нужно использовать трансформ. Все дело в работе метода rotate. Он крутит относительно верхнего левого угла.

Так что перед тем как крутить картинку нужно сместить координаты в центр предполагаемой картинки

3
  • Дело не в том куда он крутит, а в том, что при увеличении x картинка двигается не вправо, а в бок см. s8.hostingkartinok.com/uploads/images/2016/04/…
    – Accami
    18 апр 2016 в 16:27
  • Так крутятся координаты канваса! :) и перед тем как менять координаты Вы должны восстановить настройки канваса, посчитать новые координаты, повернуть и отрисовать. Так будет гораздо удобнее 18 апр 2016 в 16:30
  • Спасибо огромное !)
    – Accami
    18 апр 2016 в 17:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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