У меня есть куча точек, которые я хотел бы медленно нарисовать. Я пытаюсь setTimeOut и эффект от этогоруководство, Но без особого успеха.

Функция выглядит так

Функция:

var myFunction = function(ctx, grid, points) {
                ctx.beginPath();
                ctx.moveTo(points[0].x, points[0].y);
                ctx.lineWidth = 2;
                ctx.strokeStyle = '#2068A8';
                ctx.fillStyle = '#2068A8';
                var count = 1;
                for (count = 1; count < points.length; count++) {
                    ctx.lineTo(points[count].x , points[count].y);
                }
                ctx.stroke();
            }

Вокруг этой функции есть много других функций рисования, но я просто хочу анимировать только одну.

Как я могу медленно нарисовать функцию с холстом?