Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
1
resposta

[Dúvida] Nao aparece as cores

<canvas width="600"  height="400"></canvas>
<script>

var tela = document.querySelector('canvas');
var pincel = tela.getContext ('2d');

pincel.fillStyle = 'lightgrey';
pince.fillRect(0, 0, 600, 400)

pincel.fillStyle = 'green';
pince.fillRect(0, 0, 200, 400)

pincel.fillStyle = 'red';
pince.fillRect(400, 0, 200, 400)

</script>   
1 resposta
solução!

Oi Rafael, tudo bem?

Há um pequeno erro de digitação no seu código. Você escreveu 'pince' ao invés de 'pincel' quando estava tentando usar o método 'fillRect'.

Corrige para:

<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)

pincel.fillStyle = 'red';
pincel.fillRect(400, 0, 200, 400)

</script>   

Espero ter ajudado.

Um abraço e bons estudos.