В чем разница между rotate и translate при вращении элементов на canvas?

Разница между rotate и translate при вращении элементов на canvas заключается в их функциях.

Rotate используется для вращения элементов относительно их начальной позиции. awilum.ru Метод вращает координатную систему холста на заданный угол в радианах. awilum.ru Центр поворота — всегда начало координат. developer.mozilla.org

Translate позволяет перемещать начало координат и элементы на холсте в определённом направлении. awilum.ru Метод сдвигает начало координат холста на заданные значения по горизонтали и вертикали. awilum.ru После сдвига все последующие операции рисования будут выполняться относительно нового начала координат. awilum.ru

Таким образом, rotate отвечает за вращение, а translate — за перемещение элементов на холсте.