Entrar Ainda não tem acesso?
1
resposta

Tentei quadrado e não foi !

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 Carlos Henrique Santos Araujo
| 16.9k xp | 6 posts

Pessoal, no que estou errando ? Não consigo encontrar 

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

<script>

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

    function desenhaQuadrado(xa, ya, xb, yb, xc, yc, xd, yd, cor) {

        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.moveTo(xa, xb);
        pincel.lineTo(xa, ya);
        pincel.moveTo(xb, yb);
        pincel.lineTo(ya, yb);
        pincel.fill();
    }

    desenhaQuadrado(0,50,  0,50,  50,100,  100,100, "black");


</script>
1 resposta
por Cássio Murilo
| 1276.4k xp | 2204 posts
Instrutor Agile Master

Fala, Carlos! Tudo bem contigo?

Desculpe a demora pelo retorno

Veja que dentro da função você pede alguns parâmetros (xa, xb, ya, yb e cor) e na invocação dessa função temos alguns parâmetros a mais (xc, xd, yc, yd).

Se retirarmos o excedente e um comando pincel.moveTo rodará perfeitamente. Veja abaixo:

    function desenhaQuadrado(xa, ya, xb, yb, cor) {

        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.moveTo(xa, ya);
        pincel.lineTo(xa, yb);
        pincel.lineTo(xb, yb);
        pincel.fill();
    }

    desenhaQuadrado(50, 50, 100, 100, "black");

Espero ter ajudado, Carlos!

Um abraço e bons estudos