1
resposta

meu código

Fiz o código e vi que ficou semelhante ao dos alunos aqui, porém muito diferente do codigo do professor. Senti falta da vídeo aula nessas últimas questões, para facilitar o aprendizado dos exercícios.

<meta charset="utf-8">
<h1>Esquadro</h1>
<hr><br>
<canvas width="600" height="400">
</canvas>

<script type="text/javascript">


    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");

</script>
1 resposta

Em minha primeira resolução, fiz exatamento igual a você Roger. Depois quebrei um pouco a cabeça para chegar na solução do processor! Da uma olhadinha nesse link