5 Minute Intro to HTML5 Canvas

This month’s Papa’s Perspective shows you how to use some of the fundamental aspects of the HTML5 canvas to draw. I go over some 101 level functions such as arc, beginPath, lineCap, lineJoin, lineTo, lineWidth, moveTo, stroke, strokeStyle and more. The source code you can download shows you how you can draw letters using these functions, and includes some scaling calculations to make it all a bit easier.

A bit of holiday fun

Enjoy!