function desenhaEsquadro(xa, ya, xc, yc, cor, cor2){
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()
xa = xa + 50;
ya = ya + 125;
xc = xc - 125;
yc = yc - 50;
pincel.fillStyle =cor2;
pincel.beginPath();
pincel.moveTo(xa , ya);
pincel.lineTo(xa , yc);
pincel.lineTo(xc, yc);
pincel.fill()
}
desenhaEsquadro(100, 100, 300, 300, 'black', 'white');
desenhaEsquadro(300,300,650,650,'yellow', 'blue');