1
resposta

É valido?

O desenho ficou igual mas com coordenadas diferentes.

<script>

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

    //retangulo cabeça
    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(0, 0, 350, 300);

    //retangulo olhos
    pincel.fillStyle = 'black';
    pincel.beginPath();
    pincel.fillRect(45, 50, 90, 90); // olhos
    pincel.fillRect(205, 50, 90, 90); // 200 horizontal e 50 vertical
    pincel.fillRect(135, 140, 70, 100); // nariz
    pincel.fillRect(95, 200, 40, 100); // boca esquerda
    pincel.fillRect(205, 200, 40, 100); // boca direita
    pincel.fill();

    </script>
1 resposta

Olá, Thais! Tudo bem?

Ficou certinho! Ótimo código.

Apenas lembrando, principalmente caso algum outro aluno visite esse tópico, que precisamos colocar no início do código:

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

Continue praticando. Bons estudos :)

Abraços!