javascript - JavaScript を使用して DataURI から画像オブジェクトを同期的に作成する

Question

JavaScript を使用してデータ URI から画像オブジェクトを同期的に作成できるかどうかは誰にもわかりませんか? 次のように、データ URI から画像オブジェクトを非同期的に作成することができます。

            imageObj = new Image();
            imageObj.onload = function() {
                callback(imageObj);
            };
            imageObj.src = dataURI;

あなたはこれがうまくいくと思うかもしれません：

            imageObj = new Image();
            imageObj.src = dataURI;
            callback(imageObj);

しかし、私の記憶が正しければ、これは一部のブラウザーで失敗します。

アイデア？

Answer 1

completeオブジェクトの属性を使用できると思いますImage。

http://www.w3schools.com/jsref/prop_img_complete.asp

関数を呼び出す前callbackに、ループ内で が であるかどうかを継続的に確認できcompleteますtrue。true になると、ロードされます。