HTML 5 canvas tag

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.

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