One interesting thing you can do with SVG is to place text on a curved path. The first thing you have to do is code the path, giving the path tag an id attribute. The syntax for a path is shown below.
<path d="M x y C x1 y1 x2 y2 x y ...>
|d||path data, indicates data for a path follows|
|M||moveto - is followed by the coordinates of the location to begin drawing the path|
|C||curveto - data for a path segment draws a Bezier curve from the current coordinate point|
|x1 y1||the control point at the beginning of the curve|
|x2 y2||the control point at the end of the curve|
|x y||the new current point|
A path can have many segments as desired, each in the form of C x1 y1 x2 y2 x y.
The second thing you need to do is code the text. As you see in the above code this is simply done using the <text> tag, and adding font-family, font-size, and fill attributes if desired. The important part is to place the text within <textPath> </textPath> tags, adding the href attribute with the path's id to point to the path the text should follow.
Learn more at amazon.com