Rectangle'da Dizi Problemi

JavaScript
#1

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>
#2

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.

#3

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.