<canvas></canvas> tag HTML

A simple <canvas>:

<canvas id="myCanvas">Your browser does not support the canvas tag.</canvas>

Laboratory

description & Usage

<canvas> is used to draw graphics, via scripting (usually JavaScript).

<canvas> is currently most commonly used with JavaScript, which is the most common scripting language for HTML documents.

If the browser does not support the scripting language, the text inside the <canvas> tag is shown as an alternative.

note: <canvas> tag is transparent.

#	Chrome	Edge	Firefox	Safari	Opera
<canvas>

Attributes	Values	Description
height	pixels	Determines the height of the corresponding tags on the right.
width	pixels	Determines the width of the corresponding elements on the right.

The <canvas> tag supports the HTML Global Attributes.

The <canvas> tag supports the HTML Event Attributes.

Most browsers will display the <canvas> tag with the following default style:

canvas {
    height: 150px;
    width: 300px;
}