This tutorial is in the process of being written as of September 26th 2005.
<canvas> implementations which we will see later in this tutorial.
<canvas> was first introduced by Apple for the Mac OS X Dashboard and later implemented in Safari. Gecko 1.8-based browsers, such as Firefox 1.5, also support this new element. The
<canvas> element is part of the WhatWG Web applications 1.0 specification also known as HTML 5.
In this tutorial I will try to describe how to implement the
element in your own HTML pages. The examples provided should give you
some clear ideas what you can do with <canvas> and can be used to
start building your own implementations.
Before you start
As stated above, the
<canvas> element isn’t
supported in all modern browsers so you will need Firefox 1.5, another
recent Gecko-based browser, or a recent version of Safari to see all
the examples in action.
In this tutorial
- Basic usage
- Drawing shapes
- Using images
- Applying styles and colors
- Basic animations