Meu código pro exercício do Creeper. Mudei as cores pra umas que eu achei mais legal. Ao invés do nome, usei o código hexadecimal, facil de achar na internet.

Ficou bem legal!!

Boa tarde, Samuel!

Eu também optei pela centralização do desenho. A única diferença entre nossos códigos além das cores, é a posição dos itens 5 e 6.

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

<script type="text/javascript">

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'lightgrey'; // Fundo
    pincel.fillRect(0, 0, 600, 400);

    pincel.fillStyle = 'green'; // Item 1: 
    pincel.fillRect(125, 50, 350, 300);

    pincel.fillStyle = 'black'; //Item 2: 90, 90
    pincel.fillRect(175, 110 ,90 ,90 );

    pincel.fillStyle = 'black'; //Item 3: 90, 90
    pincel.fillRect(335, 110 ,90 ,90 );

    pincel.fillStyle = 'black'; //Item 4: 70, 100
    pincel.fillRect(265, 200 , 70, 100);

    pincel.fillStyle = 'black'; //Item 5: 40, 110
    pincel.fillRect(225 , 240, 40, 110 );

    pincel.fillStyle = 'black'; //Item 6: 40, 110
    pincel.fillRect(335 , 240, 40, 110 );    

</script>