Entrar Ainda não tem acesso?
2
respostas

Esquadro_Simplificado;

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 Igor Oliveira Rodrigues
| 140.5k xp | 17 posts
<!-- esquadro.html -->

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

<script>
    function desenhaEsquadro (xa, ya, xc, yc, cor){
        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');

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

    }

    desenhaEsquadro(50, 50, 400, 400, 'black');
    desenhaEsquadro(100, 175, 275, 350, 'white');
2 respostas
por Ana de Jesus
| 918.9k xp | 1468 posts
Instrutor

Oi Igor, como vai?

Ficou excelente seu código! Acredito que tenha resolvido de uma forma mais simplificada do que o próprio instrutor.

Continue praticando sempre. Qualquer dúvida estamos por aqui.

Abraços

por Estudante
| 43.3k xp | 8 posts

Também achei bem melhor, só faltou o pequeno detalhe do fechamento do script no finalzinho ali, para os mais desatentos como eu, ainda assim valeu Igor!