使用Fabric.js循环添加图片，总是堆叠在一起

Question

使用Fabric.js循环添加图片，总是堆叠在一起。
代码如下：

var canvas = new fabric.Canvas("myPanel");
for (var i = 0; i < 5; i++) {
        var myLeft = i * 100;
        fabric.Image.fromURL("Images/PC.png", function (oImg) {
        oImg.left = myLeft;
        oImg.top = 400,
        canvas.add(oImg);
 });

发现这5张图片的left都是按照i=4的时候计算的，显示以后全部重合，请教一下这个情况是怎么回事儿？

Answer 1

你把 i 和 myLeft全部定义在外面试一下，每次都打印下log看下i 到底是几就行了。