fabric.js中 多个图片怎么同时移动(每个图片移动路线不同)

Question

需要涉及到哪些知识点？？异步多线程吗。。
我只会循环图片的坐标集，然后进行移动，但是这样一次性只能移动一个图片，多个图片的话就不行了，多个图片的话只能第一个先走完才会在走第二个

for (var i = 0; i < keyPoint.length; i++) {
            var animationDefinition = keyPoint[i];
            var fn = function (
              animationDefinition,
              imgInstance,
              xm_Instance,
              block
            ) {
              return function () {
                //移动人物图标
                {
                  imgInstance.animate("left", animationDefinition.x, {
                    duration: animationDefinition.duration,
                    zIndex: 299,
                    onChange: canvas.renderAll.bind(canvas),
                  });
                  imgInstance.animate("top", animationDefinition.y, {
                    duration: animationDefinition.duration,
                    zIndex: 299,
                    onChange: canvas.renderAll.bind(canvas),
                  });
                }
                        
            
                
              };
            };

            window.setTimeout(
              fn(animationDefinition, imgInstance, xm_Instance, block),
              runningDuration
            );
            runningDuration += animationDefinition.duration;
          }

Answer 1

你好，我是有问必答小助手，非常抱歉，本次您提出的有问必答问题，技术专家团超时未为您做出解答


本次提问扣除的有问必答次数，将会以问答VIP体验卡（1次有问必答机会、商城购买实体图书享受95折优惠）的形式为您补发到账户。


因为有问必答VIP体验卡有效期仅有1天，您在需要使用的时候【私信】联系我，我会为您补发。