рисовать массив изображений на холст

Question

Я пытаюсь нарисовать массив изображений в элемент canvas, мои данные: изображение возвращает пустое изображение.

var imgArray = ['images/image1.png','images/image2.png']; 
     for(i = 0; i < 2; i++){ 
      var canvas = document.getElementById('textCanvas'); 
      var context = canvas.getContext("2d"); 
      var imageObj = new Image(); 
      imageObj.setAtX = i * 10; 
imageObj.setAtY = i * 10; 
imageObj.onload = function() { 
context.drawImage(this, this.setAtX, this.setAtY); 
}; 
     } 

    img = canvas.toDataURL("image/png"); 

Answer 1

Вы никогда не установить источник образы:

var imageObj = new Image(); 
imageObj.src = imgArray[i]; // << addeed 
imageObj.setAtX = i * 10; 
imageObj.setAtY = i * 10; 
imageObj.onload = function() { 
context.drawImage(this, this.setAtX, this.setAtY); 
};