<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 and Google Chrome. Gecko 1.8-based browsers, such as Firefox 1.5, also support this 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
<canvas> 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
<canvas> element isn't supported in some older browsers, but is supported in Firefox 1.5 and later, Opera 9 and later, newer versions of Safari, Chrome, and Internet Explorer 9.
In this tutorial
- Basic usage
- Drawing shapes
- Using images
- Applying styles and colors
- Basic animations