Tengo una matriz que almacena la ruta a las imágenes en javascript

 var imagearray=[path1,path2,path3];

Ahora, cuando uso el lienzo html para imprimir todas las imágenes usando for loop, solo muestra una imagen.

• Cambio las coordenadas después de cada iteración.
• También estoy usando una función diferente para llamar a la función dibujar imagen.
• también la ruta es correcta ya que puedo cargar una imagen con éxito desde el mismo directorio.

Aquí está el código para el mismo:

 function drawImages(src, x1, y1, width, height){ var imageObj = new Image(); imageObj.onload=function(){ downloadcontext1.drawImage(imageObj, x1, y1, width, height); } imageObj.src = src; } for(index in imagearray){ drawImages(imagearray[index],x,0,100,100); x=x+120; }

¿Me pueden ayudar si estoy cometiendo algún error en el código anterior?