Повторение Fabricjs

Я изучаю fabricJS, и потому, что я его изучаю, я создал 90 прямоугольников по отдельности. Код ниже показывает 2 из 90.

    var land1 = new fabric.Rect({
    fill: 'green',
    left: 725,
    top: 225,
    width: 25,
    height: 25,    
    perPixelTargetFind: true,
    hasBorders: true, 
    hasControls: false,
    hasRotatingPoint: false,
});

var land2 = new fabric.Rect({
    fill: 'green',
    left: 725,
    top: 225,
    width: 25,
    height: 25,    
    perPixelTargetFind: true,
    hasBorders: true, 
    hasControls: false,
    hasRotatingPoint: false,
});

и использование canvas.remove(land1,land2или в canvas.add(land1,land2зависимости от выбора меню перетаскивания.

Я попробовал googling, как повторить 1 раз 90 раз, поэтому мне нужно иметь только одну землю. Но я попробовал это, что не сработало (может быть, потому, что я написал это неправильно).

    for (var i = 0; i < 91; i++) {
var land + i = new fabric.Rect({
        fill: 'green',
        left: 725,
        top: 225,
        width: 25,
        height: 25,    
        perPixelTargetFind: true,
        hasBorders: true, 
        hasControls: false,
        hasRotatingPoint: false,
    });

Может ли кто-нибудь указать мне в правильном направлении, чтобы выполнить это и сделать canvas.add. Моя скрипка JSfiddle

javascript,canvas,canvasjs,

1