Entrar Ainda não tem acesso?
1
resposta

chamando a função apenas 1 vez deu certo, porém não entendi o que o professor fez, faltou explicar o que acontecei ali.

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Extraindo funções e atividade Esquadro #2

por DARLAN GOMES AGUIAR
| 161.6k xp | 24 posts
   <canvas width="600" height="400"></canvas>

   <script>

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

    function desenhaEsquadro(xa, ya, xc, yc, cor) {
        pincel.fillStyle = cor
        pincel.beginPath();
        pincel.moveTo(xa, ya);
        pincel.lineTo(xa, yc);
        pincel.lineTo(xc, yc);
        pincel.fill();

        desenhaEsquadro(100, 175, 275, 350, "white" )
    }

    desenhaEsquadro(50, 50, 400, 400, 'black');

</script>
1 resposta
por Leonardo Naoto Hirosue
| 67.4k xp | 6 posts

Olá Darlan, tudo bem? Mantendo o quadro desenhaEsquadro(100, 175, 275, 350, "white" ) estático dentro da função, dependendo dos parâmetros passados no desenhaEsquadro(50, 50, 400, 400, 'black'); acredito que você terá problemas com o posicionamento do triângulo White!

Se quiser quebrar um pouco a cabeça com a resolução do professor, tentei dar uma simplificada! Da uma conferida nesse link