1
resposta

my creeper-- fiquei com uma dúvidas nas medidas mais foi indo!

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


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

    //cabeça 
    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(200, 50, 350 ,300);
    //nariz
    pincel.fillStyle = 'black';
    pincel.fillRect(250, 110, 90, 90); 
    pincel.fillRect(410, 110, 90, 90);
    //olhos
    pincel.fillRect(340, 200, 70, 100);
    //boca
    pincel.fillRect(300, 240,40,110)
    pincel.fillRect(410, 240, 40, 110);

</script>
1 resposta

Olá, Kelly! Tudo bem contigo?

Desculpe a demora em dar um retorno!

Ficou perfeito! Mandou muito bem!

Conforme for avançando nos estudos, revisite seus projetos para que possa ir refatorando.

Vai te dando outra maneira de desenvolver o mesmo projeto. É um exercício bem legal!

Sobre as medidas, oque pode te ajudar é ter como referência o plano cartesiano.

Também, há um método em javascript chamado getBoundingClientRect que ajuda na localização de X e Y. É um assunto mais avançado, mas é interessante já saber que há um método pra isso

Espero ter contribuído!

Um abraço e bons estudos