Fabric.js - проблема с отрисовкой нескольких изображений zindex

Я использую этот скрипт:

var canvas = new fabric.Canvas('game_canvas', { selection: false });

fabric.Image.fromURL('images/bg.jpg', function(img) {
  img.set('left', 1024/2).set('top', 600/2).set('zindex', 0);
  canvas.add(img);        
});

fabric.Image.fromURL('images/panel-2-bg-l-r.png', function(img) {
  img.set('left', 262/2).set('top', (390/2)+110).set('zindex', 1);
  canvas.add(img);        
});

fabric.Image.fromURL('images/player-board.png', function(img) {
  img.set('left', 254/2).set('top', (122/2)).set('zindex', 2);
  canvas.add(img);        
});

fabric.Image.fromURL('images/player-board-top-red.png', function(img) {
  img.set('left', 203/2).set('top', (109/2)).set('zindex', 3);
  canvas.add(img).bringToFront(img);          
});

Отрисовка 3-го изображения работает правильно и показывает одно поверх другого. Но если я добавлю 4-е, оно будет скрыто за 3-м. Если я укажу zindex изображения, оно все равно будет только под 3-м. .

Что с этим не так? Я что-то здесь делаю не так? Пожалуйста, помогите.

Спасибо
Питер