How does SVG curveTo (C) work?

Question

I need your help, I'm a little confused.

My question is: how does SVG curveTo work, I really don't understand.

find this example

<svg height="400" width="400">
 <path d="M 200 90 C 200  90 0 0 90  300 " stroke="black" fill="none" stroke-width="3"/>
</svg>

this code draws this form

but actually I can’t understand how this is done, I can’t understand how the curve is defined and what control points and what 0 0-coordinate is presented in my example.

Answer 1

You draw a cubic Bezier curve (with two control points). But one of the control points has the same coordinates as the starting point.

• Move ( M) to (200.90).

• Draw a cubic ( C) Bezier curve

  . (200,90)
  . (200,90) - ,
  . (0,0)
  . (90,300)

Answer 2

, . , http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#path_C , , , . , , , .