My first canvas help - ::Canvas J.S.:: bezierCurveTo()

Question

I'm trying to experiment with besierCutveTo().
But it makes no sense how the lines move.
I was trying to make number to with the besierCurveTo().
Can u guys help me make the number "2" with bezierCurveTo()? (#2)
Here's the code I started.
https://code.sololearn.com/WNLY3cs8jvIE/?ref=app

Answer 1

Hi there. Here's a really small demo for the number 2
https://code.sololearn.com/Wzicd1i4LRN9/?ref=app

Here you can read more about bezier curves:
https://javascript.info/bezier-curve

Answer 2

No, I just made the finishing line, because you probably want that to be a straight line; then INDICATED THE CONTROL POINTS LIKE IT SAID IN THE COMMENT

Answer 3

Airree does it mean we can't make #"2" with only one bezierCurveTo()? Is that why u had more lines of code and a little mix of other things?