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

Fração

Boa tarde, ao realizar o exercicio, apenas retorna um unico quadrado verde e sem a borda preta. Segue o codigo:

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

<script>

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

    function desenhaQuadrado(x, y, cor) {

        pincel.fillStyle = cor;
        pincel.fillRect(x, y, 50, 50);
        pincel.strokeStyle = black;
        pincel.strokeRect(0, 0, 50, 50);
    }

    desenhaQuadrado(0, 0, "green");
    desenhaQuadrado(50, 0, "green");
    desenhaQuadrado(100, 0, "green");
    desenhaQuadrado(150, 0, "white");

</script>

O que estou fazendo de errado? Tentei comparar com a resposta do instrutor, mas a unica diferença que eu vi foi que eu não variei o tamanho do lado do quadrado como ele.

2 respostas
solução!

Olá Luan, tudo bem?

Eu comparei os códigos, e há uma outra diferença que justamente causa o problema.

Dentro da função desenhaQuadrado() você escreveu a seguinte linha:

pincel.strokeStyle = black;

O erro está na atribuição da cor, que deveria estar entre aspas, assim:

pincel.strokeStyle = 'black';

Tente esse alteração e veja se funciona.

Agora sim. Nem tinha percebido esse erro (e outro que percebi agora tambem: pincel.strokeRect(0, 0, 50, 50); tava mostrando o stroke so no primeiro quadrado... pincel.strokeRect(x, y, 50, 50); seria a correção para este segundo problema)

Muito obrigado!