<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var p = pantalla.getContext("2d");
p.fillStyle ="lightgrey";
p.fillRect(0,0,600,400);
//EXTERIOR
p.fillStyle ="black";
p.beginPath();
p.lineTo(50,50);
p.lineTo(50,400);
p.lineTo(400,400);
p.fill();
//INTERIOR
p.fillStyle ="white";
p.beginPath();
p.moveTo(100,175);
p.lineTo(100,350);
p.lineTo(275,350);
p.fill();
</script>