Esquadro #2

Minha solução para fazer o Esquadro #2, utilizando função. Ficou diferente da que foi passada pelo instrutor.

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

pincel.fillStyle = "white";
pincel.beginPath();
pincel.moveTo(100,175);
pincel.lineTo(100,350);
pincel.lineTo(275,350);
pincel.fill();
}

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


</script>