The <canvas> element creates graphics and animations in the page for JavaScript and WebGL to interact with.


Alternate text goes here, should the browser not support the canvas tag.

There are two major attributes associated with the <canvas> element, height and width. These will set the element height and width, in pixels. They default to a height of 150px, and a width of 300px.


Suppose that a multi-user whiteboard application needs a canvas for the users to interact with. Further, it is important that the canvas is 800px wide, and 600px tall. Additionally it is important to provide a fallback message should the canvas not work.

<head> </head>
<canvas width="800" height="600">
Your browser does not support this feature. Please switch to another
browser, if possible.


Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn HTML on Codecademy