Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Outra possível solução para o problema

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

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

    pincel.fillStyle = 'darkgreen'; //Retângulo 1: 350, 300(cabeça)
    pincel.fillRect(0, 0, 350, 300);

    pincel.fillStyle = 'black'; //Retângulo 2: 90, 90(olhos)
    pincel.fillRect(50, 50, 90,90);

    pincel.fillStyle = 'black'; //Retângulo 3: 90, 90(olhos)
    pincel.fillRect(210, 50, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect(140, 130,70,100); //Retângulo 4: 70, 100(nariz)

    pincel.fillStyle = 'black';
    pincel.fillRect(100, 190,40, 110); //Retângulo 5: 40, 110(parte da boca)

    pincel.fillStyle = 'black';
    pincel.fillRect(200, 190, 40, 110); //Retângulo 6: 40, 110 (parte da boca)

</script>
2 respostas

É uma solução possível sim. O importante é notar que existem várias soluções para um mesmo problema.

Sucesso e bom estudo, meu aluno!

solução!

É bom que os cálculos sejam pensando na largura total e na altura, por ex: nesse canvas de 600 por 400 ? é que ai ele não usou tudo, só a parte de 350 por 300