HTML 5 <canvas> Tag
Example
How to display a red square, with the canvas element:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script> |
View it » |
Definition and Usage
The <canvas> tag is used to display graphics.
The <canvas> tag is only a container for graphics, you must use
a script to actually paint graphics.
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: Some browsers already support the <canvas> tag, like
Firefox, Chrome, and Opera.
Attributes
New : New in HTML 5.
| Attribute |
Value |
Description |
| heightNew |
pixels |
Sets the height of the canvas |
| widthNew |
pixels |
Sets the width of the canvas |
Standard Attributes
The <a> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <a> tag also supports the Event Attributes
in HTML 5.
| 
