<This is WIP>. The Canvas is the immediate mode drawing surface you have in HTML for bringing pixels to life using JavaScript. If none of what I just wrote makes sense, then the content here is just what you need :P

(Ready to publish) HTML5 Canvas: From Noob to Ninja

Well, that's all there is to this little deconstruction that shows how you can use the Canvas APIs to figure out whether a font is available for your browser to use. Canvas is part of the HTML5 bucket of new things, so older IE browsers will not support it. If you care about the elderly (browsers), look into using the excellent [explorercanvas library](https://github.com/arv/explorercanvas) to bring the joys of Canvas to a larger audience unwilling or unable to upgrade to a modern browser.

DOM vs. Canvas

Getting Started with the Canvas

Drawing Basics / Lines

Drawing Curves

Drawing Multiple Things

Drawing Rectangles (and Squares)

Drawing Triangles

Drawing Circles

Modifying How Your Corners Look

Working with Colors

Drawing Text

Drawing Images

Canvas Transformations

Structuring Your Drawing Code

Animating with requestAnimationFrame

Creating Animations on the Canvas

Animating Many Things on the Canvas

Creating Motion Trails

Creating Sprite Animations

Working With the Mouse

Follow the Mouse Cursor

Mouse Follow with Ease

Working With the Keyboard

Moving Shapes Using the Keyboard

Resizing the HTML Canvas Element

Detect Whether a Font is Installed

Conclusion