Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Nao aparece as cores

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Desenhando gráficos com Canvas e atividade Nossa primeira obra de arte. Será?

por Rafael Chiniski de Lima
| 45.6k xp | 34 posts
<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!
por Lorena Garcia
| 8286.1k xp | 12128 posts
Alura Scuba Team Suporte Educacional

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.