math - how SVG curveTo ( C ) works? -
i need , confused little.
my question how svg curveto works, can't understand.
look 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 shape
but can't understand how done , can't understand how curve identified , control points , 0 0 coordinate represents in example.
you drawing cubic bezier curve (with two control points). 1 of control points has same coordinates starting point.
- move (
m
) (200,90). draw cubic (
c
) bezier curvea. starting @ current position
(200,90)
b. first control point @(200,90)
- same starting point
c. second control point @(0,0)
d. ending @(90,300)
Comments
Post a Comment