Buenas les comparto mi programa
<canvas width="350" height="300"> // width = ancho , height = alto
</canvas>
<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d"); // captura lo que voy haciendo con el cursor
    pincel.fillStyle = "darkgreen"; // figura 1             
    pincel.fillRect(0,0,350,300); 
    pincel.fillStyle = "black"; // figura 2
    pincel.fillRect(55,50,90, 90);
    pincel.fillStyle = "black"; // figura 3
    pincel.fillRect(210,50,90, 90);
    pincel.fillStyle = "black"; // figura 4
    pincel.fillRect(145,140,70, 100);
    pincel.fillStyle = "black"; // figura 5
    pincel.fillRect(105,210,40, 110);
    pincel.fillStyle = "black"; // figura 6
    pincel.fillRect(215,210,40, 110);
</script> 
  
 
            