W3C home > Mailing lists > Public > www-svg@w3.org > March 2003

understanding the path shape...

From: Jonas Wouters <jw@zertox.com>
Date: Sat, 22 Mar 2003 03:51:08 -0700 (MST)
Message-ID: <49988.193.191.13.13.1048330268.squirrel@www.zertox.com>
To: <www-svg@w3.org>

hey all,

I'm new to SVG since today and for what I saw I'm very impressed ...
I started making a logo in SVG with some tools (jasc webdraw...) but I
don't fully understand the code it generates.
I want a reusable and scalable logo (it doesnt scale right now, how do I
do that?).
it should become a black circle with an alien head in it.
I dont think the left and right side are the same... but I dont understand
the code 100% so I cant adjust it manualy.
Can anyone explain the code from the path or give me a tutorial? I know
what the 4 points are (top, left, right and buttom) I used, but I dont
understand the "C" thingies (and how to modify them)

this is what I have so far
I want to keep it as simple as possible
The only thing missing are the eyes

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg
   width="100px"
   height="100px"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   id="svg101">
  <circle
     id="mCircle"
     cy="50px"
     cx="50px"
     r="50px"
     style="visibility:visible;stroke:rgb(0,0,0);fill:black" />
  <path
     style="font-size:12;fill:#ffffff;stroke:#000000;"
     d="M 50 5
	  C 55 5
	  90 10

	  90 40
	  C 85 60
	  70 90

	  50 95
	  C 35 90
	  15 65

	  10 40
	  C 10 10
	  45 5

	  50 5
        z "
     id="mPath" />
</svg>
Received on Saturday, 22 March 2003 05:51:43 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:24 GMT