как нарисовать плавную кривую через N точек с помощью javascript HTML5 Canvas?

В приложении для рисования я сохраняю координаты движения мыши в массив, а затем рисую их с помощью lineTo. Получившаяся линия не гладкая. Как я могу построить единую кривую между всеми собранными точками?

Я погуглил, но нашел только 3 функции для рисования линий: Для 2 точек выборки просто используйте lineTo . Для 3 точек выборки quadraticCurveTo , для 4 точек выборки bezierCurveTo .

(Я попытался нарисовать bezierCurveTo для каждых 4 точек в массиве, но это привело к изгибам каждые 4 точки выборки вместо непрерывной плавной кривой.)

Как написать функцию нарисовать плавную кривую с 5 точками выборки и более?