1
resposta

Fiz um pouco diferente e saiu dese jeito.

Ficou dessa maneira. Se tiver alguma sujestão ficarei feliz.

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

<script>

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

 //Cabeça
 pincel.fillStyle = 'green';
 pincel.fillRect(0, 0, 600, 400);

 pincel.fillStyle = 'black';

 //Olhos
 pincel.fillRect(55, 60, 150, 140);
 pincel.fillRect(300, 60, 150, 140);

 //Nariz
 pincel.fillRect(205, 200, 95, 140);

 //parte da boca
 pincel.fillRect(170, 250, 50, 149);
 pincel.fillRect(290, 250, 50,149);

</script>
1 resposta

Olá, Lucas! Tudo bem por aí? =)

Mandou bem! Você encontrou uma solução, parabéns!

Caso tenha ficado com alguma dúvida não deixe de compartilhar com a gente.

Bons estudos e até mais!