2 taijiman taijiman 于 2017.09.04 16:54 提问

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

使用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的时候计算的,显示以后全部重合,请教一下这个情况是怎么回事儿?

2个回答

caozhy
caozhy   Ds   Rxr 2017.09.05 00:15

有足够的空间横向排列么?如果是纵向排列,需要修改top而不是left

morgerton
morgerton   2017.09.04 17:41

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

Csdn user default icon
上传中...
上传图片
插入图片