Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

creeper com moldura



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

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

    //canva
    pincel.fillStyle = "black";
    pincel.fillRect(0,0,600,5);
    pincel.fillRect(0,0,5,400);
    pincel.fillRect(595,0,5,400);
    pincel.fillRect(0,0,5,400);
    pincel.fillRect(0,395,600,400);


    //cabeça (1)
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(125,50,350,300);

    //olho direito (2)
    pincel.fillStyle = "black";
    pincel.fillRect(175,100,90,90);

    //olho esquerdo (3)
    pincel.fillStyle = "black";
    pincel.fillRect(335,100,90,90);

    //nariz
    pincel.fillStyle = "black";
    pincel.fillRect(265,190,70,100);

    //boca(5)
    pincel.fillStyle = "black";
    pincel.fillRect(225,240,40,110);

    //boca(6
    pincel.fillStyle = "black";
    pincel.fillRect(335,240,40,110);


</script>
1 resposta
solução!

Boa, Rodrigo!!!

Uma outra dica é utilizar um cssdireto no canvas através do style="border: solid;"

<canvas width="600" height="400" style="border: solid;"></canvas>

Espero ter contribuído, Rodrigo!

Um abraço e bons estudos!