How to add HTML <canvas> height Attribute
A <canvas> element with a height and width of 200 pixels.
More "Try it Yourself" examples below.
Definition and Usage
The height attribute specifies the height of the <canvas> element, in pixels.
Tip: Use the width attribute to specify the width 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 height="pixels">
Attribute Values
| Value | Description |
|---|---|
| pixels | Specifies the height of the canvas, in pixels (e.g. "100"). Default value is 150 |
index.html
Example:
HTML
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Output should be:
| How to create HTML <canvas> Tag | HTML Tag |
| Tips and Notes for HTML <canvas> Tag | HTML Tag |
| What Type of Browsers will Support for HTML <canvas> Tag | HTML Tag |
| Attributes for HTML <canvas> Tag | HTML Tag |
| Another <canvas> example | HTML Tag |
| Default CSS Settings For HTML <canvas> Tag | HTML Tag |
| How to add HTML <canvas> height Attribute | HTML Tag |
| How to add HTML <canvas> width Attribute | HTML Tag |
| How to Clear the canvas by setting the width attribute to 400px (using JavaScript) | HTML Tag |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |