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.
