Tutorials
Basics
Advanced
KineticJS
Three.js
Transformations
Translate
Scale
Rotate
Custom Transform
Shear
Mirror
Reset Transform
State Stack
Oval
Composites
Shadows
Global Alpha
Clipping Region
Operations
Image Data & URLs
Image Data
Invert Colors
Grayscale
Get Data URL
Load Data URL
Save Drawing
Animation
Clear Canvas
Animation Frames
Linear Motion
Acceleration
Oscillation
Start and Stop
Mouse Detection
Mouse Coordinates

HTML5 Canvas Reset Transform Tutorial

To reset the HTML5 Canvas transformation matrix, we can use the setTransform() method to set the transformation matrix to its default state using the following convention:

Open in new window

Code Editor

< Mirror State Stack >

More Examples

HTML5 Canvas Transformation State Stack Tutorial
HTML5 Canvas Mirror Transform Tutorial
HTML5 Canvas Shear Transform Tutorial
HTML5 Canvas Custom Transform Tutorial
HTML5 Canvas Translate Transform Tutorial

Modified on April 9th, 2013 by Eric Rowell