HTML5 Canvas Element
Canvas Tag
The HTML canvas is used to draw graphics that include everything from simple lines to complex graphic objects. It must have an id attribute so that it can be referred to by javascript. getContext() returns a drawing context on the canvas. Text between the canvas tag will be displayed if the browser does not support the canvas element.
Canvas Coordinates:-
The HTML canvas is a two-dimensional grid. The upper-left corner of the canvas has the coordinates (0,0).
- X coordinate increases to the right.
- Y coordinate increases toward the bottom of the canvas.
Attributes explanation:-
| Attribute | Value | Description |
|---|---|---|
| height | pixels | Specifies the height of the canvas. The default value is 150 |
| width | pixels | Specifies the width of the canvas Default value is 300 |
Syntax:-
Its syntax is:- < canvas >
Code Explanation
All Tutorials related to HTML Advance
HTML5
HTML5 Content Model
The header Tag
The footer Tag
The nav Tag
The article Tag
The section Tag
The aside Tag
The audio Tag
The video Tag
The Progress Bar
Web Storage
Geolocation API
Drag and Drop
HTML5 SVG
The Canvas Tag
HTML5 Forms
