How to draw a polyBezier or polyCurve using Canvas HTML

I'm trying to draw a curve through multiple points (more than 3) .

I tried to draw those poin开发者_运维问答ts using available lineTo(), bezierCurveTo().

Could anyone help me solve this ? May be there is some workaround to draw this using arc() function ?

Bezier splines do not (necessarily) go through their control points, but Catmull-Rom splines do. They require an extra pair of control points beyond the set that you want to interpolate (one before, one after).

The CakeJS package (http://code.google.com/p/cakejs/) has a Catmull-Rom facility, though I don't know much about it other than that it apparently exists.