title: Fabric.js - problem with drawing multiple images zindex
body: <p>I'm using this script:</p>
  
  <pre><code>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);          
  });
  </code></pre>
  
  <p>3rd image draw is working properly and showing one on top of the other. But if I add 4th one it's hiding behind 3rd. If I specify zindex of the image it's still under 3rd only.</p>
  
  <p>What is wrong with this? Am I doing something wrong here? Please help.</p>
  
  <p>Thanks<br>
  Peter</p>