HTML Canvas Cheat Sheet

This cheat sheet summarizes the complete HTML Canvas functionality, including shapes, styles & color, text, images, transformations, compositing & clipping, animation, pixel manipulation, hit regions & accessibility. It allows web developers to draw all sorts of graphics on the fly, using JavaScript. The tutorial is available to download for PNG, PDF formats and webpage on Skilled.co. The infographic below was designed by Skilled.co. Here, I listed some useful tips from that infographic.

Useful Tips

1. Pre-render similar primitives or repeating objects on an off-screen canvas.