Sou novo na programação e pode parecer uma duvida besta de se ter. Como não achei a resposta em outros foruns decidi postar.
Independente do código que eu escreva, o canvas não aparece inteiro.
Configuro ele para ter 600x400 e quando abro o arquivo html no browser
só aparece um espaço de aproximadamente 200x100. Alguém saberia me dizer o que pode ser?
Pode mostrar o código referente à esse canvas?
Abraço.
Aqui está o código. Para mostrar o problema criei um loop para desenhar um circulo a cada 50 unidades do canvas. Abaixo do código coloquei uma figura para mostrar como aparece no browser.
<canvas id="tela" hidth="600" weight="400">
<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
var desenhaCirculo = function(x,y){
c.fillStyle = "green";
c.beginPath();
c.arc(x,y,10,0,2*Math.PI);
c.fill();
}
for(var x=0; x<600 ; x = x + 50){
y = 50;
desenhaCirculo(x,y);
}
for(var y=0; y<600; y = y + 50){
x = 50;
desenhaCirculo(x,y);
}
</script>
Como mostra a imagem configurei o canvas para 600x400 mas só aparece 300x100.
Acho que o weight está escrito errado, não é height?
