kineticjs - 在循環中設置畫布上多個圖像的位置

Question

如何在循環內的畫布上設置多個圖像的位置？下面似乎一起工作：

for (var i=1; i<10; i++) { 
    images[i]=new Image(); 
    images[i].onload = function() { 
    drawImage(this, 1, 1, i*50, 700, "bulb"+i); 
    // THE POSITION CANNOT BE SET ; i IS ALWAYS 500 
    } 
    images[i].src = folder+src[i]; 
} 

Answer 1

在你的榜樣，i具有的功能外封閉，所以它的價值是依賴於它在你的循環到底是什麼。

你能解決這個問題是這樣的：

for (var i=1; i<10; i++) { 
    images[i]=new Image(); 
    images[i].onload = (function(x) { 
    return function() { 
     drawImage(this, 1, 1, x*50, 700, "bulb"+x); 
    }; 
    }(i)); 
    images[i].src = folder+src[i]; 
} 

這使得一個新的封閉每個的onload功能，將其分配給x每次循環迭代。

請注意，這是一個而不是common JavaScript error