HTML and CSS Reference

In-Depth Information

Simple Canvas Transformations

Transformations on the canvas refer to the mathematical adjustment of physical properties

of drawn shapes. The two most commonly used shape transformations are scale and rotate,

which we will focus on in this section.

Under the hood, a mathematical matrix operation applies to all transformations. Luckily, you

do not need to understand this to use simple Canvas transformations. We will discuss how to

apply rotation, translation, and scale transformations by changing simple Canvas properties.