Exemplo
Um <canvas> elemento com um height e width 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 width atributo especifica a largura do <canvas> elemento, em pixels.
Dica: Use a height atributo para especificar a altura 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 | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9 | 2.0 | 3.1 | 9 |
Diferenças entre HTML 4.01 e HTML5
O <canvas> tag é novo em HTML5.
Sintaxe
<canvas width="pixels">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| pixels | Especifica a largura da tela, em pixels (por exemplo, "100"). largura padrão é "300" |
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 "