<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d")
pincel.fillStyle = "darkgreen"; // es una propiedad incia en (125, 50)
pincel.fillRect(125,50,350,300); //es una función termina en (475, 350)
pincel.fillStyle = "black"; // es una propiedad
pincel.fillRect(175,105,90,90); //es una función
pincel.fillStyle = "black"; // es una propiedad
pincel.fillRect(335,105,90,90); //es una función
pincel.fillStyle = "black"; // es una propiedad
pincel.fillRect(265,195,70,100); //es una función
pincel.fillStyle = "black"; // es una propiedad
pincel.fillRect(225,240,40,110); //es una función
pincel.fillStyle = "black"; // es una propiedad
pincel.fillRect(335,240,40,110); //es una función
</script>La verdad es que me rompí la cabeza haciendo geometría XD
