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|
Test your Programming skills with w3resource's quiz.
- Weekly Trends
- Python Interview Questions and Answers: Comprehensive Guide
- Scala Exercises, Practice, Solution
- Kotlin Exercises practice with solution
- MongoDB Exercises, Practice, Solution
- SQL Exercises, Practice, Solution - JOINS
- Java Basic Programming Exercises
- SQL Subqueries
- Adventureworks Database Exercises
- C# Sharp Basic Exercises
- SQL COUNT() with distinct
- Java Collection Exercises
- SQL COUNT() function
- SQL Inner Join