More Examples.

320x320 bg

White coords:

M20 20 q-0 -20 200 0 M20 20 q0 20 200 0

Drawing from left to right.

Red Coordinates:

M20 60 q-0 -20 -200 0 M20 60 q0 20 -200 0

Red drawing from right to left.

Tan Coordinates:

M20 110 q-20 -20 -200 10 ( I dropped the end of the line down 10 pixels ) M20 110 -200 0

Yellow Coords:

M80 170 q-100 0 30 80 ( The third number in the q set is 30 that pushes the end of the line over 30 pixels.)
M80 170 q100 0 -30 80 ( The minus brings the end back to the left.)

Pink Coords:M215 230 q-100 0 30 -80 M215 230 q100 0 -30 -80

This is the same as the yellow except drawing it upwards.

320x320 Bg.

Spade thingy coords:

M30 50 q-30 0 10 -50 M30 50 q30 0 -10 -50 M70 70 q-30 0 10 -70 M70 70 q30 0 -10 -70 M110 50 q-30 0 10 -50 M110 50 q30 0 -10 -50 M150 200 q-200 0 10 -150 M170 200 q200 0 -10 -150 M150 200 q0 30 -25 90 M170 200 q-0 30 25 90 h-70 M0 0 h318 v318 h-318 V0

The Spade started at M150 200.

The border coords:

M0 0 h318 v318 h-318 V0

The Q_man Coords: Below show another way of using the Quadratic Bezier

Individual lines , instead of streching the curves.

M24 15 q-25 0 30 152 M24 15 q15 6 36 54 M95 16 q-15 0 -34 54 M95 16 q25 0 -32 152 M24 299 q-23 0 30 -130 M24 299 q10 0 35 -53 M95 299 q-15 0 -35 -52 M95 299 q15 0 -33 -132 M60 15 q-30 0 0 30 M60 15 q30 0 0 30>p>

The last example shows a continuation of a draw Using only one ( q )

IMO it`s much easier to do them as i`ve show in the other examples .

Less confusing and easier to keep up with.

150x200 bg.

M60 85 q20 0 20 30 -30 0 -30 -40 40 0 40 50 -60 0 -60 -60 80 0 80 70 -90 0 -90 -90 100 0 100 110 -110 0 -110 -130 120 0 120 150 -130 0 -120 -170