Повернуть и обрезать картинку в Canvas?

Question

[Богдан]

Здравствуйте. Подскажите пожалуйста. Как можно на Canvas повернуть и обрезать картинку, что бы она заполнила всю область



Вот как в примере нижняя и правая области не заполнились с фотографии



Спасибо.

Answer 1

[forspamonly2]

вспомнить школьный курс геометрии?

выводить картинку побольше, чтобы хватило на вырезанные области. помножив исходный размер по формуле вписанного квадрата на корень из двух :)

https://codepen.io/anon/pen/NoNpzZ

а ещё можно посчитать минимальный размер и смещение для каждого угла, но это уже задачка со звёздочкой.

Comments

[Богдан]

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

[Богдан]

Вот если взять 0 градусов идет реальное искажение картинки, она вжимается