Canvas java problem Opcje

[korgan]

Kod

for(i=0;i<json[3][0];i++){
document.getElementById("left_produkt_in").innerHTML += '<canvas class ="canvas_l"id="Id' + i +'" width="200" height="250" style="border:1px solid black;"></canvas>';

var dane = 'Id' + i;

var canvas = document.getElementById(dane);
      var context = canvas.getContext('2d');
context.fillStyle = "#FFFFFF";
context.fillRect(0, 0, 200, 250);
      var imageObj = new Image();


      imageObj.onload = function() {
        context.drawImage(imageObj, 0, 0);
      };
      imageObj.src = json[0][i];



        }

Mam problem posiadając taki kod jak powyżej który generuje canvas i wrzuca do niego obrazek .
Po wykonaniu tego kodu nie działa poprawnie tak jak myślałem znaczy się obrazek zostaje wrzucony tylko do ostatniego canvas i nie wiem dlaczego tak się dzieje.
kod był sprawdzany w chromie