HTMLCanvasElement.height

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/pt-br/web/api/htmlcanvaselement/index.md)

A propriedade HTMLCanvasElement.height é um inteiro positivo que reflete o atributo height do elemento HTML <canvas> interpretado em pixels no CSS. Quando o atributo não é especificado, ou se for definido como um valor inválido, como um inteiro negativo, o valor padrão de 150 será usado.

Essa é uma de duas propriedades, que controla o tamanho do canvas, sendo a outra HTMLCanvasElement.width.

Sintaxe

var pxl = canvas.height;
canvas.height = pxl;

Exemplos

Dado este elemento <canvas>:

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

Você pode capturar a altura do canvas com o seguinte código:

js
var canvas = document.getElementById("canvas");
console.log(canvas.height); // 300

Especificações

Specification
HTML Standard
# dom-canvas-height

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também