title: Dashed Curves on Html5 Canvas Bezier
body: <p>For one of my application I would need to draw a dashed curves on the bezier path in Html5 canvas... The dash' length and gaps in between should be variable... It is achivable in JavaFx, <a href="http://javafx.com/samples/Bezier/index.html" rel="noreferrer">see this link</a>... I would like to achieve same effect using Html5 canvas. I know how to draw dashed straight lines, but not curved lines along the bezier...</p>
  
  <p>Though I am not an expert, I know the <a href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve" rel="noreferrer">bezier drawing algorithm</a>, problem I see with this algorithm is, it allows you to identify coordinates on the bezier using the time parameter which ranges from 0 to 1... </p>
  
  <p>This is not sufficient because to draw a dashed bezier, I would need to draw many small beziers, with specified length parameter and at given gap distance, on the main bezier path. There must be some algorithm which is used by JavaFx. If anyone can help me out that would be great.</p>