<canvas width="600" height="400" >  </canvas>
<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d"); 
    //RECTANGULO 1
    pincel.fillStyle= "green"
    pincel.fillRect(0, 0, 350, 300);
    //RECTANGULO 2
    pincel.fillStyle= "black";
    pincel.fillRect(50,65,90,90);
    //RECTANGULO 3
    pincel.fillStyle= "black";
    pincel.fillRect(210,65,90,90);
    //RECTANGULO 4
    pincel.fillStyle= "black";
    pincel.fillRect(140,155,70,100);
    //RECTANGULO 5
    pincel.fillStyle= "black";
    pincel.fillRect(100,190,40,110);
    //RECTANGULO 6   
    pincel.fillStyle= "black";
    pincel.fillRect(210,190,40,110);
    // pincel.beginPath();
    // pincel.arc(300,200,50,0,2*3.14)
    // pincel.fill();
</script>