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

creeper

rodei o Código mas só mostra a parte em verde escuro

<canvas width ="600" height="400"></canvas>
<!---- largura ---- altura -->

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

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

    //olhos
    pincel. fillStlye = "black";
    pincel.fillRect(250, 110, 90, 90);
    pincel.fillRect(410, 110, 90, 90);

    //nariz
     pincel.fillRect(340, 200, 70, 100);

    //boca 
    pincel.fillRect(300, 240, 40, 110);
    pincel.fillRect(410, 240, 40, 110);
</script>
2 respostas
solução!

Olá Vinícius!

Tem um pequeno erro no seu código:

pincel. fillStlye = "black";

O correto é:

pincel. fillStyle = "black";

Código completo corrigido:

<canvas width ="600" height="400"></canvas>
<!---- largura ---- altura -->

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

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

    //olhos
    pincel. fillStyle = "black";
    pincel.fillRect(250, 110, 90, 90);
    pincel.fillRect(410, 110, 90, 90);

    //nariz
     pincel.fillRect(340, 200, 70, 100);

    //boca 
    pincel.fillRect(300, 240, 40, 110);
    pincel.fillRect(410, 240, 40, 110);
</script>

Oi Vinícius. Deu certo?