Mi Creeper

<canvas width="600" height="400">

</canvas>



<script>
  var pantalla = document.querySelector("canvas");
  var pincel = pantalla.getContext("2d");


  pincel.fillStyle = "darkgreen";
  pincel.fillRect(125,50,350,300);

  pincel.fillStyle = "black";
  pincel.fillRect(225,240,40,110);

  pincel.fillStyle = "black";
  pincel.fillRect(335,240,40,110);

  pincel.fillStyle = "black";
  pincel.fillRect(265,185,70,100);

  pincel.fillStyle = "black";
  pincel.fillRect(175,95,90,90);

  pincel.fillStyle = "black";
  pincel.fillRect(335,95,90,90);

Me costaron las cuentas ya que mi idea fue centrarlo dentro del tamaño del canvas que es de 600x400 . Por lo que tuve que dejar 125 de cada lado y 50 de altura. El dibujo yo lo veo muy parecido al solicitado