HTMLCanvasElement.height
The HTMLCanvasElement.height
property is a
positive integer
reflecting the height
HTML
attribute of the <canvas>
element interpreted in CSS pixels. When the
attribute is not specified, or if it is set to an invalid value, like a negative, the
default value of 150
is used.
This is one of the two properties, the other being
HTMLCanvasElement.width
, that controls the size of the canvas.
Syntax
var pxl = canvas.height;
canvas.height = pxl;
Examples
Given this <canvas>
element:
<canvas id="canvas" width="300" height="300"></canvas>
You can get the height of the canvas with the following code:
var canvas = document.getElementById('canvas');
console.log(canvas.height); // 300
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'HTMLCanvasElement.height' in that specification. |
Living Standard | No change since the latest snapshot, HTML5 |
HTML 5.1 The definition of 'HTMLCanvasElement.height' in that specification. |
Recommendation | |
HTML5 The definition of 'HTMLCanvasElement.height' in that specification. |
Recommendation | Snapshot of the HTML Living Standard containing the initial definition. |
Browser compatibility
BCD tables only load in the browser
See also
- The interface defining it,
HTMLCanvasElement
. - The other property controlling the size of the canvas,
HTMLCanvasElement.width
.