Articles → HTML 5 → Canvas Tag In Html5

Canvas Tag In Html5

In this article, we will discuss the Canvas tag in HTML5.

Purpose

If you have ever got a chance to talk to an artist, then you must be familiar with the word Canvas. For an artist, the canvas is a surface used to make paintings.

Similarly, the canvas is HTML 5 is a region on the web page used to draw graphics on the fly using JavaScript.

Syntax

<canvas id=" " width="" height=""></canvas>

In the above syntax: -

Id → Unique identifier for canvas.
Width → Specifies the width of the canvas
Height → Specifies the height of the canvas

Access Canvas Using Javascript

In JavaScript, the canvas can be accessed using the following syntax: -

var canvas = document.getElementById("myCanvas");

Browser Support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
9.0	2.0	4.0	3.1	9.0	Yes

Video

Posted By -	Karan Gupta

Posted On -	Wednesday, January 4, 2017

Updated On -	Thursday, January 3, 2019

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**