Entrar Ainda não tem acesso?
1
resposta

Qual o erro? codigo n funciona.

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 A cara do Creeper

por THAIS NUNES LEITE
| 98.9k xp | 47 posts
<canvas width="600" height="400"></canvas>

<script>

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

pincel.fillStyle = 'darkgreen';
pincel.fillRect = (200, 50, 350, 300);

pincel.fillStyle = 'black';
pincel.fillRect = (250, 110, 90, 90);
pincel.fillRect = (410, 110, 90, 90);


pincel.fillRect = (340,200,70, 100);

pincel.fillRect = (300, 240, 40, 110);
pincel.fillRect = (410, 240, 40, 110);

</script>
1 resposta
por Larissa Gabriela
| 366.7k xp | 688 posts
Alura Scuba Team

Olá, Thais! Tudo bem?

O .fillReact é um método cuja sintaxe é da seguinte forma:

.fillRect(x, y, largura, altura);

sendo x e y o ponto inicial nessas coordenadas.

Todos os parâmetros que você colocou estão certos. Entretanto não podemos colocar o igual "=" separando o .fillRect dos seus parâmetros. Portanto o ideal seria escrever da seguinte forma:

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

<script>

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

pincel.fillStyle = 'darkgreen';
pincel.fillRect(200, 50, 350, 300);

pincel.fillStyle = 'black';
pincel.fillRect(250, 110, 90, 90);
pincel.fillRect(410, 110, 90, 90);


pincel.fillRect(340,200,70, 100);

pincel.fillRect(300, 240, 40, 110);
pincel.fillRect(410, 240, 40, 110);

</script>

Caso não tenha ficado claro, estou à disposição. Bons estudos :)

Abraços!