HTML5 Canvas Element Tutorial
In this page, we have discussed Description, Usage, Attributes, Example and Result, Compatibility of HTML5 canvas element.
<canvas id="identification" width="width" height="height"></canvas>
Where, 'identification' is to identify the canvas block in an HTML page / application, 'width' and 'height' are width and height of the area used by canvas element to present the graphics or animation.
Whether start and end tag are required
Both the start tag and the end tag are mandatory.
What a canvas element can contain
It can contain either phrasing content or flow content.
Which elements can contain canvas element
Any element that accepts phrasing content or any element that accepts flow content.
Besides global attributes, canvas element has two attributes, 'width' and 'height'. The following table shows the detail of those attributes.
|Name of the attribute||Description||Default value|
|width||Width of the browser coordinate space taken by the associated canvas element to present graphics or animation. Measured in pixels.||300|
|height||height of the browser coordinates space taken by the associated canvas element to present graphics or animation. Measured in pixels.||150|
|Feature||Firefox (Gecko)||Chrome||Internet Explorer||Opera||Safari|
|Basic support||1.5 (1.8)||1.0||9.0||9.0||1.0|
- New Content published on w3resource:
- Scala Programming Exercises, Practice, Solution
- Python Itertools exercises
- Python Numpy exercises
- Python GeoPy Package exercises
- Python Pandas exercises
- Python nltk exercises
- Python BeautifulSoup exercises
- Form Template
- Composer - PHP Package Manager
- PHPUnit - PHP Testing
- Laravel - PHP Framework