Atributo de altura HTML <canvas>
Exemplo
Um elemento <canvas> com altura e largura de 200 pixels:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O height
atributo especifica a altura do
<canvas>
elemento, em pixels.
Dica: Use o width
atributo para especificar a largura do <canvas>
elemento, em pixels.
Dica: Cada vez que a altura ou largura de uma tela for redefinida, o conteúdo da tela será limpo (veja o exemplo na parte inferior da página).
Dica: Saiba mais sobre o <canvas>
elemento em nosso
Tutorial HTML Canvas .
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o atributo.
Attribute | |||||
---|---|---|---|---|---|
height | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Sintaxe
<canvas height="pixels">
Valores de atributo
Value | Description |
---|---|
pixels | Specifies the height of the canvas, in pixels (e.g. "100"). Default value is 150 |
Mais exemplos
Exemplo
Limpe a tela definindo o atributo largura ou altura (usando JavaScript):
<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.height = 300;
}
</script>
❮ Tag HTML <canvas>