Как нарисовать polyBezier или polyCurve с использованием Canvas HTML

Question

Я пытаюсь нарисовать кривую через несколько точек (более 3).
Я попытался нарисовать эти точки, используя доступные lineTo (), bezierCurveTo ().

Может ли кто-нибудь помочь мне решить это? Может быть есть какой-то обходной путь, чтобы нарисовать это с помощью функции arc ()?

Answer 1

Сплайны Безье не (обязательно) проходят свои контрольные точки, но сплайны Кэтмулла-Рома проходят. Им требуется дополнительная пара контрольных точек за пределами набора, который вы хотите интерполировать (один до, один после).

В пакете CakeJS (http://code.google.com/p/cakejs/) есть средство Catmull-Rom, хотя я мало что знаю о нем, кроме того, что он, очевидно, существует.