Exemplo
Um <canvas> elemento com uma altura e largura de 200 pixels:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
A height atributo especifica a altura do <canvas> elemento, em pixels.
Dica: Use a width atributo para especificar a largura do <canvas> elemento, em pixels.
Dica: Cada vez que a altura ou a largura de uma tela é re-definida, o conteúdo da lona será apagada (ver exemplo no fim da página).
Sugestão: Saiba mais sobre o <canvas> elemento em nosso HTML Canvas Tutorial .
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o atributo.
Atributo | |||||
---|---|---|---|---|---|
height | 4.0 | 9 | 2.0 | 3.1 | 9 |
Diferenças entre HTML 4.01 e HTML5
O <canvas> tag é novo em HTML5.
Sintaxe
<canvas height="pixels">
Os valores dos atributos
Valor | Descrição |
---|---|
pixels | Especifica a altura da tela, em pixels (por exemplo, "100" ). Altura padrão é "150" |
mais Exemplos
Exemplo
Limpar a tela, definindo a width ou height atributo (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>
Tente você mesmo "