<canvas width="800" height= "800"> </canvas>
<script>
var fundo = document.querySelector("canvas");
var lapis= fundo.getContext("2d");
lapis.fillStyle= "antiquewhite";
lapis.fillRect (0,0,800,800);
lapis.fillStyle= "red";
lapis.beginPath();
lapis.moveTo(50,50);
lapis.lineTo(50,400);
lapis.lineTo(50,400);
lapis.lineTo(400,400);
lapis.fill();
lapis.fillStyle= "antiquewhite";
lapis.beginPath();
lapis.moveTo(100,175);
lapis.lineTo (100,350);
lapis.lineTo (275,350);
lapis.fill();
</script>