Draw a red square, on the fly, and show it inside the <canvas> element:
The <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript).
The <canvas> tag is only a container for graphics, you must use a script to actually draw the graphics.
The numbers in the table specify the first browser version that fully supports the element.
Element | |||||
---|---|---|---|---|---|
<canvas> | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
The <canvas> tag is new in HTML5.
Note: Any text inside the <canvas> element will be displayed in browsers that does not support <canvas>.
Tip: Learn more about the <canvas> element in our HTML Canvas Tutorial.
Tip: For a complete reference of all the properties and methods that can be used with the canvas object, go to our HTML Canvas Reference.
= New in HTML5.
Attribute | Value | Description |
---|---|---|
height | pixels | Specifies the height of the canvas |
width | pixels | Specifies the width of the canvas |
The <canvas> tag also supports the Global Attributes in HTML.
The <canvas> tag also supports the Event Attributes in HTML.
None.