Rectangle'da Dizi Problemi

Aşağıdaki dizide 0. indexdeki kutucuğu çekmek istiyorum fakat yan yana 5 kutucuk çıkıyor. Sadece o kutucuğun çıkmasını istiyorum. Sorun nedir?

    <body> 
	    <canvas id="myCanvas" width="800" height="400" style="background: white;border: 1px solid"></canvas>
    </body>
	
    <script>
	var tuval = document.getElementById("myCanvas");
        var ctx = tuval.getContext("2d");
        
        var dizi = [];
       
        
        for (var i = 1; i <= 5; i++) {
            ctx.rect(i*20, 200, 15, 15,5);
            dizi[i-1] = ctx;
            
        }
        
        dizi[0].fill();
    </script>
</html>

Selamun Aleyküm kardeş, aşağıdaki 2. madde gereğince kodlarını tekrar yaz istersen.

Kodlarını yazarken forumun aşağıdaki özelliğini kullanabilirsin.

Siz dizinin her indisine de ctx nesnesini aktarmışsınız. Bu da tuvalin kendisi. Diziye kutucukları aktarmamışsınız yani. Ek olarak canvas üzerindeki kutucukları diziye aktaramazsınız.