Solucionado
<canvas width="600" height="400"></canvas>
<script>
var tela=document.querySelector("canvas");
var pincel=tela.getContext('2d');
pincel.fillStyle = 'lightgray';
pincel.fillRect(0, 0, 600, 400);
pincel.fillStyle = 'green';
pincel.fillRect = (0, 0, 200, 400);
pincel.fillStyle = 'red';
pincel.fillRect = (200, 0, 200, 400);
</script>
Boa tarde, Anderson! Como vai?
Vc poderia colar o código aqui para que eu pudesse dar uma olhada e te ajudar?
Quando for postar o código, utilize o botão "inserir código" e cole ele no lugar indicado.
Grande abraço e bons estudos, meu aluno!
Oi Anderson editei seu post para poder visualizar seu código sempre que for postar código aqui no fórum, clique no botão <>INSERIR CÓDIGO e depois insira o código no espaço indicado.
Existem dois erros nesse código o primeiro é no nome da cor está dessa forma:
pincel.fillStyle = 'lightgray';o correto seria:
pincel.fillStyle = 'lightgrey';Outro erro está aqui:
pincel.fillRect = (200, 0, 200, 400);o correto seria
pincel.fillRect (200, 0, 200, 400);Só fazer esses ajustes e os retângulos irão funcionar corretamente.
Espero ter ajudado e bons estudos.
Muito Obrigado, era só tirar os sinais '=' mesmo. Mas com a cor 'lightgray' também funciona.