HTML5 Canvas Tutorial

The HTML5 Canvas element enables you do draw graphics freely inside the bounds of the canvas element in your HTML5 page.

Below is a simple example. Click this button to draw on the canvas:

This example, however, only shows a very little part of what you can do with the HTML5 canvas element.

The HTML5 canvas element itself is an HTML element, but the API you use to work with it, is a JavaScript API. This tutorial will explore both parts.