Minha resolução, achei esse jeito mais simples que o do professor. | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

2
respostas

por Maria Eduarda Baptista de Oliveira

| 97.8k xp | 1 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) {
        var xb = xa
        var yb = yc

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

}

desenhaEsquadro(50, 50, 400, 400, "black");
desenhaEsquadro(100, 175, 275, 350, "white")


</script>