From http://www.w3schools.com (Copyright Refsnes Data)

HTML 5 <canvas> tag

Definition and Usage

The <canvas> tag defines graphic, such as graphs or other images.

Differences Between HTML 4.01 and HTML 5

The <canvas> tag is new in HTML 5

Tips and Notes

Tip: You can write text between the start and end tags, to show older browser that they do not support this tag.

Note: The <canvas> tag is only a container for graphics, you must use a script to actually paint graphics.

Note: Some browsers already supports the <canvas> tag, like Firefox and Opera.

Example

<script type="text/javascript">
function drawCanvas()

	{
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';

	ctx.fillRect(0,0,80,100);

	}
</script>
...
<canvas id="myCanvas">your browser does 
not support the canvas tag </canvas>

Try it yourself

Attributes

Attribute	Value	Description
height	pixels	Sets the height of the canvas
width	pixels	Sets the width of the canvas

Standard Attributes

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

For a full description, go to Standard Attributes in HTML 5.

Event Attributes

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

For a full description, go to Event Attributes in HTML 5.