Affine Transformations — Pan, Zoom, Skew.

Credit: Google
Where, S is the scaling vector, T is the translation vector and Q is the skewing vector.

Implementing These Transforms

Applying Transformation Matrix

Identity Matrix

Zoom

Offsetting Scale Origin

Pan

Skew

Bonus!

Rotate

A Scale and a Skew can produce a rotation!

Finally…

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store