<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
function escuadraCoordenadas(color,pos1,pos2,L1,L2,L3,L4){
pincel.fillStyle = color;
pincel.beginPath();
pincel.moveTo(pos1,pos2);
pincel.lineTo(L1,L2);
pincel.lineTo(L3,L4);
pincel.fill();
}
escuadraCoordenadas("black",50,50,50,400,400,400);
escuadraCoordenadas("white",100,175,100,350,275,350);
</script>
