<meta charset="UTF-8">
<canvas width="600" height="400">//pizarra para elaborar diversos dibujos, esquemas, etc.
</canvas>
<script>
var pantalla=document.querySelector("canvas");
var pincel=pantalla.getContext("2d")
pincel.fillStyle="darkgreen";
pincel.fillRect(0,0,350,300);
pincel.fillStyle="black";
pincel.beginPath();
pincel.moveTo(50,50);
pincel.fillRect(50,50,90,90);
pincel.fill();
pincel.fillStyle="black";
pincel.beginPath();
pincel.moveTo(210,50);
pincel.fillRect(210,50,90,90);
pincel.fill();
pincel.fillStyle="black";
pincel.beginPath();
pincel.moveTo(140,140);
pincel.fillRect(140,140,70,100);
pincel.fill();
pincel.fillStyle="black";
pincel.beginPath();
pincel.moveTo(100,190);
pincel.fillRect(100,190,40,110);
pincel.fill();
pincel.fillStyle="black";
pincel.beginPath();
pincel.moveTo(210,190);
pincel.fillRect(210,190,40,110);
pincel.fill();
</script>