<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<canvas width="600" height="400"></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.fillRect(50,55,90,90)
pincel.fillRect(210,55,90,90)
pincel.fillRect(140,145,70,100)
pincel.fillRect(100,190,40,110)
pincel.fillRect(210,190,40,110)
</script>
</body>
</html>