1
resposta

creeper com outros parametros, porém ficou legal

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

<script>

    var tela = document.querySelector("canvas"); // aqui vamos transportar oq queremos fazer no canvas para o JAVA
    var pincel = tela.getContext ("2d"); // aqui estamos dizendo que o pincel que usaremos será para pintar em 2D

    pincel.fillStyle = "darkgreen" // aqui dizemos que o pincel que irá pintar a tela tem a cor escolhida
    pincel.fillRect (0,0,500,400); // aqui dizemos pro eixo X e eixo Y onde começar a pintar e até onde a pintura vai

    //olhos
    pincel.fillStyle = "black";
    pincel.fillRect (70,50,120,120);
    pincel.fillRect (320,50,120,120);

    //nariz
    pincel.fillStyle = "black";
    pincel.fillRect (190,170,130,150);

    //boca
    pincel.fillStyle = "black";
    pincel.fillRect (120,240,80,180);
    pincel.fillRect (320,240,80,180);

</script>
1 resposta

Oi Gabriel

Muito bom! Parabéns pelo empenho nos estudos!

Continue praticando e qualquer dúvida pode contar com a gente.