javascript - JS の残りの部分を実行する前に、イメージのロード (Raphael を使用してロード) を完了する方法

Question

Raphael を使用してイメージをロードし、Raphael を使用してイメージにいくつかのノードを描画しています。ただし、イメージ ファイルの読み込みに時間がかかるため、イメージより先にノードが読み込まれます。残りの JS を実行する前にイメージを完全にロードする方法についての提案を探しています。

    var r = Raphael("canvas", 1500,1500);
var attr = {
                //"stroke": "#666",
                "stroke-width": 1,
                "stroke-linejoin": "round",
                "fill": "#000000"
            };
            var t="t-165,-30";
var figure=r.image("images4.png",100,117,600,900); // Loading the image and then more JS follows

Answer 1

var img = document.createElement('img');
img.onload = function() {
    //Do your stuff here, the image is loaded.
    delete img;
};
img.setAttribute('src', imageSrc);