<canvas id="tablero" width="400" height="400"></canvas>
<script>
let tablero = document.getElementById("tablero");
let pincel = tablero.getContext("2d");
pincel.fillStyle = "darkgreen";
pincel.fillRect(0, 0, 400, 400);
pincel.fillStyle = "black";
pincel.fillRect(50, 90, 110, 110);
pincel.fillRect(240, 90, 110, 110);
pincel.fillRect(160, 200, 80, 50);
pincel.fillRect(100, 250, 200, 200);
pincel.fillStyle = "darkgreen";
pincel.fillRect(160, 320, 80, 100);
</script>