What is the best way to animate the rendering of a canvas bezier curve?

Question

JavaScript

Good afternoon. I have this curve.

I would like to draw it gradually with animation. Is this best done through an array with dots?
Are there any other options?

Answer 1

draw with a dotted line, changing the stroke offset. The length of the stroke is comparable to the length of the entire curve.

• setLineDash() - Sets a dash pattern with a dash length long enough to cover the full length of the curve with 1 dash.
  
• lineDashOffset  - set the offset of this dash along the line. First, minus_stroke_length, so that nothing is drawn. Then slightly increase with each frame: the curve will begin to appear.
  

Answer 2

https://codepen.io/ThreePixDroid/pen/QWjdNqQ

Answer 3

An array is possible, but not required.
You can sequentially calculate all points and draw them with a delay