Horje

How to add HTML <canvas> width Attribute

A <canvas> element with a height and width of 200 pixels:

More "Try it Yourself" examples below.

Definition and Usage

The width attribute specifies the width of the <canvas> element, in pixels.

Tip: Use the height attribute to specify the height of the <canvas> element, in pixels.

Tip: Each time the height or width of a canvas is re-set, the canvas content will be cleared (see example at bottom of page).

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Syntax

<canvas width="pixels">

Attribute Values

Value Description
pixels Specifies the width of the canvas, in pixels (e.g. "100"). Default value is 300

 

index.html
Example: HTML
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">

Output should be:

How to add HTML <canvas> width Attribute




Type:
html
Category:
Web Tutorial
Sub Category:
HTML Tag
Uploaded by:
Admin