Javascript 画布一次绘制多条路径

我正在用画布画路线。 当我尝试一次绘制多条路径时，我面临着一个大问题

情况将是：

• 用户1从A->B->C进入（6秒）

• 用户2从A->C->D进入（6秒）

当我勾选用户1和用户2时，我的画布将分别绘制这两个用户（异步）。必须在6秒钟内为两个用户显示路线

我使用超时设置从一个位置到另一个位置的绘制时间。如果只勾选1个用户，我的代码将正确，但如果2个或以上用户，我的代码有问题

doLineDraw = function(points, color) {
            context.beginPath();
            context.strokeStyle = color;
            animatedBSpline(vm.context,points);
            context.stroke();
        }
    }

因为我花了2秒钟从点1到点2绘制path1，但在那个时候，我也为user2绘制了从点1到点3的path2，所以path1没有完成，但path2已经开始。我的代码将无法正确绘制

---

请给我一些建议。

画一条路径需要2秒钟的时间吗？你人为地拖延了吗？你能给我看一下代码吗？我只设置了画图的超时时间，在画图中我把画图分为多行短画图怎么花2秒钟来画一条路径？你人为地拖延了吗？你能显示代码吗？我只为绘图设置超时，在绘图中，我将分隔为多行更短