如何从点到目标点进行动画处理，然后使绘制的路径闪烁？

Question

我有一种情况需要在路径上建立从路径到位置的2D图像（例如网络图），然后我需要闪烁突出显示的RED颜色路径。

我试过以下不动画如何动画开始和结束而不是静态绘制如下：

$.tpt.prototype.setDraw = function() {
    var canvas = document.getElementById('maincanvas');
    var context = canvas.getContext('2d');

    context.beginPath();
    context.moveTo(100,20);

    // line 1
    context.lineTo(200, 160);
    // quadratic curve
    context.quadraticCurveTo(0, 200, 250, 120);
    // bezier curve
    context.bezierCurveTo(290, -40, 300, 200, 400, 150);
    // line 2
    context.lineTo(500, 90);

    context.lineWidth = 1;
    context.strokeStyle = 'red';
    context.stroke();
};