Não ficou exatamente igual mas segue o meu codigo feito apenas no olho sem consultar.
canvas width="600" height="600">
script> var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'green'
pincel.fillRect(100, 100, 500, 500);
pincel.fillStyle = 'black'
pincel.fillRect(150, 150, 170, 170)
pincel.fillStyle = 'black'
pincel.fillRect(380, 150, 170, 170)
pincel.fillStyle = 'black'
pincel.fillRect(320, 320, 60, 60);
pincel.fillStyle = 'black'
pincel.fillRect(200, 380, 300, 100);
pincel.fillStyle = 'black'
pincel.fillRect(200, 480, 100, 190)
pincel.fillStyle = 'black'
pincel.fillRect(400, 480, 100, 190)
