Перемещение осуществляется с помощью метода translate():

translate(x, y)

not

Для поворота фигур применяется метод rotate():

rotate(angle)

not

Для масштабирования фигур применяется метод scale():

scale(xScale, yScale)

not

Но контекст элемента canvas также предоставляет метод transform(), который позволяет задать матрицу преобразования: transform(a, b, c, d, e, f)

• a: масштабирование по оси X
• b: поворот вокруг оси X
• c: поворот вокруг оси Y
• d: масштабирование по оси Y
• e: горизонтальное смещение
• f: вертикальное смещение

not

Для замены параметра трансформации последующих фигур применяется метод setTransform():

setTransform(a, b, c, d, e, f) Его параметры представляют матрицу преобразования, и в целом его применение аналогино применению метода transform().

not

Сброс общей трансформации осуществляется методом resetTransform();