как определить точку на холсте после поворота холста

Я работаю над приложением холста html5, в котором я рисую прямоугольник на холсте.

1. Canvas перемещается по центру
2. Используйте функцию fillRect для рисования прямоугольника
3. Canvas занимает абсолютное положение относительно своего родительского div. Он работает правильно, когда холст находится в исходном положении, но когда я поворачиваю холст на 90/180/270 градусов, я не могу связать точку, нажатую на экране, и точку, чтобы рисовать на холсте. Например: когда холст находится в исходном положении, я могу щелкнуть по экрану, а затем перенести эту точку на точку холста, чтобы нарисовать прямоугольник в соответствии с моей позицией перевода. Но когда я поворачиваю холст на 90/180/270 градусов, я не могу преобразовать эту точку экрана в точку холста. так что фигура рисуется в нечетном / другом положении, а затем фактически щелкает пользователем.

Мой вопрос:

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