<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>