配列内に格納された画像のパスの順に画像を合成したい。

Question

###前提・実現したいこと
Canvasを使用した画像合成に関する質問です。
タイトル通り、配列内に画像パスを格納し、格納されている順に画像を合成したいと考えています。
どのようにして実現したらよいでしょうか？
単にループで描画すると、画像が表示されたりされなかったりで…
（onloadについて今一つ理解できていないように思います）
何かご回答を頂けると助かります_(..)

###追記
ソースコードを記述しました。
配列内の要素数（パス）が１つの場合は正常に画像が表示され、２つの場合は２つ目のみが表示され、３つの場合は何も表示されませんでした。
理想は、配列内のすべての画像を合成したいのですが、どう実現してよいのかわかりません。
ロードの問題だとは思うのですが…。
ご回答よろしくお願いします_(..)

var fileArry = ["picture/test1.png", "picture/test2.png", "picture/test3.png"];   // 読み込みたい画像のパスの配列
$(function(){
  var canvas = document.getElementById("texture_target");
  if(canvas.getContext){
    var context = canvas.getContext("2d");
    for(var i = 0; i < fileArry.length; i++){
      context.globalCompositeOperation = "source-over";
      context.globalAlpha = 1.0;
      var parts_img = new Image;
      parts_img.src = fileArry[i];
      parts_img.onload = function(){
        context.drawImage(parts_img, 0, 0);
      };
    }
  }
});

Comments

[unau]

「単にループで描画すると、画像が表示されたりされなかったりで」という、ご自身で書かれたコードを示していただいたほうが回答を得られやすいと思います。

[tkanda]

「画像を合成」とは具体的にどのような処理を行いたいのか、について説明を追記されるとよいのでは。

[tarotarosu]

確かにコードがなくてはわからないですね。
質問を編集しましたので、改めて見ていただけると助かります。

Answer 1

下記サイトを参考に作り直したところうまく動きました。
http://qiita.com/akase244/items/9f3c60219f903254a6e2
根本的な部分を理解していないという点が多々ありますので、勉強しなおしたいと思います。
回答してくださった皆様、ありがとうございました_(..)

Comments

[unau]

解決してよかったです。
問題にぶつかった別の人が検索して、この質問にたどり着くかもしれません。ですので、質問も回答も充実していれば、意味のあるコンテンツになります。kerokero335 さんが悩んだ、ということは、他の人も悩む可能性が少なくない、ということだと思います。
ですので、行き詰まったらまた質問されればよいと思います。もちろん、回答者への敬意は必要であり、その一つが、どのように考えたのか、どういうコードを書いたのか、という情報をできるだけ出す、ということだと思います。逆に、回答者も質問者や他の回答者への敬意は持つべきです。お互いに敬意をもってやりとりすることで、よりよい役に立つコンテンツができあがるものと思います。