Fabric.js - problema al dibujar múltiples imágenes zindex

Estoy usando este script:

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);          
});

3rd dibujo de la imagen funciona correctamente y muestra uno encima del otro. Pero si agrego el cuarto, se esconde detrás del tercero. Si especifico el índice zindex de la imagen, todavía está debajo del 3er.

¿Qué hay de malo en esto? ¿Estoy haciendo algo mal aquí? Por favor ayuda

Gracia
Peter