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 Smile

Enjoy!

fig2

Tweet Post Share Update RSS

Hi, I'm John Papa. I author this blog, create courses for Pluralsight and am a Google Developer Expert and Microsoft Regional Director. I travel speaking at events and train technology thought leaders

Tags:
html5 canvas