Solucionado
o meu canvas está muito pequeno e só fica aparecendo uma grande parte verde com uma faixa cinza ao lado, tudo dentro de um retângulo bem pequeno
<canvas>width ="600" height ="400"</canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext('2d');
pincel.fillStyle = 'lightgrey';
pincel.fillRect(0, 0, 600, 400);
pincel.fillStyle = 'green';
pincel.fillRect(0, 0, 200, 400);
</script>podem me ajudar?
Oi, Jessica, tudo bem?
A largura e altura do canvas precisam ficar dentro da tag canvas para que ele pode ler esses valores, ficando assim:
<canvas width ="600" height ="400"></canvas>Agora, o seu canvas vai ter um tamanho maior, como nos valores acima.
Espero ter te ajudado!
funcionou, obrigada!