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