XML Elves

This should be a relatively straight forward piece of advice needed, but as i am new to svg its taking quite a bit to gwt my head around.

Basically the problem i'm encountering is that i'm trying to draw a single path made up of lines and cubic bezier curves. On completion of the path, two extra lines have appeared that i don't know how, since i didn't directly hard code it. What I am trying to draw is the number 2 (i know i can use text, but i want to draw it as a path).

The current code is:

<path id="number2" style="fill: #FFFFFF; fill-opacity:0; stroke-width: 2; stroke: #007F6F" d="M 81.2613,40 C 151.761,21 110.261,90 93.7613,91 L 94.2613,91 124.261,91 L 124.261,101.5 124.261,90.5 L 124.761,102 79.2613,102 L 79.7613,91.5 79.7613,102.5 L 79.2613,91.5 98.7613,71.5 81.7613 50.5 C 123.761,37 98.2613,72 98.2613,72 L 81.7613,39.5 81.7613,50.5"/>


Any advice on what i need to modify to get rid of these erraneous lines appreciated.

Your drawing is very bad, if you see in detail, you go from upper left corner, make with bezier right curve, draw basis of your number and to finish you have a line to middle of left curve, then you go to top to finish ...
As there is not M command, you see drawing to go to left top .... and come back ..

Here very bad code without the two lines
<path id="number2" style="fill:none; stroke-width: 2; stroke: red"
d="M 81.2613,40 C 151.761,21 110.261,90 93.7613,91 L 94.2613,91 124.261,91 L 124.261,101.5 124.261,90.5
L124.761,102 79.2613,102 L 79.7613,91.5
98.7613,71.5 M81.7613 50.5
C 123.761,37 98.2613,72 98.2613,72 M81.7613 50.5L81.2613,40"/>

I don't know tool that you use to get this code but we must change quickly!

Michel

:shock:
Michel,

You must be nicer to the people
Maybe it is modern art.

Learn SVG - http://learnsvg.com

can someone suggest a tool which is capable of handling <path> tags and is quite accurate in translation to svg.

Tried:

Adobe Illustrator
SodiPodi
Dia

None, of these work very well!

Another question the path given by michel works fine for an outline but when trying to 'fill' the shape in a particular colour, it's another matter all together. Any ideas?

To fill your 2, you must change second Bezier and make all exterior lines in same sens !

By example :
<path id="number2" style="fill:green; stroke-width: 2; stroke: red"
d="M 81.2613,40 C 151.761,21 110.261,90 93.7613,91 L 94.2613,91 124.261,91 L 124.261,101.5 124.261,90.5
L124.761,102 79.2613,102 L 79.7613,91.5
98.7613,71.5
C 98.2613,72 123.761,37 81.7613 50.5 L81.2613,40z"/>

For tool to draw paths, do you try Corel Draw 12 or Designer 10, svg export run fine for
paths.
You can also try VectorEye to get nice SVG from bitmap.

Michel