Canvas一次绘制多个路径

Question

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

场景将是：

• 用户1来自A - ＆gt; B - ＆gt; C（6秒）

• 用户2来自A - ＆gt; C - ＆gt; D（6秒）

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

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

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

因为我花了2秒时间将point1从point1绘制到point2但是那时，我还从user1到point3绘制了user2 path2，因此path1没有完成，但路径2已经开始了。我的代码绘制不正确。

请给我建议。