Chemin de SVG

Vous pouvez employer le <path> pour d�finir un chemin.
Copy le code suivant dans le bloc-notes et �conomiser le dossier en tant que ��path.svg��. Placer le dossier dans votre annuaire de Web seulement :

L'exemple ci-dessus d�finissent un chemin qui commence la position 250 150 avec une ligne pour placer 150 350 puis l� d'une ligne � 350 350 et finalement de la fermeture le chemin de nouveau � 250 150.

L'exemple suivant cr�e une spirale :.

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path d="M153 334
C153 334 151 334 151 334
C151 339 153 344 156 344
C164 344 171 339 171 334
C171 322 164 314 156 314
C142 314 131 322 131 334
C131 350 142 364 156 364
C175 364 191 350 191 334
C191 311 175 294 156 294
C131 294 111 311 111 334
C111 361 131 384 156 384
C186 384 211 361 211 334
C211 300 186 274 156 274"
style="fill:white;stroke:red;stroke-width:2"/>
</svg>

�l�ments de l'�tiquette de <path> :

L'�l�ment de chemin est l'�tiquette la plus utile simple pour cr�er le professionnel regardant le document de SVG et c'est le main-code d'�tiquette le plus difficile dans SVG.
Il est difficile de visualiser n'importe quoi mais le plus simple des chemins.

La table suivante d�crivent les attributs de l'�l�ment de chemin :

Attribute	Explanation
d	A set of commands which define the path. (See below)
pathLength	If present then the path will be scaled so that the computed path length of the points equals this value. A negative value is an error. (Note: Unsupported by Adobe's plugin)
transform	A list of transformations. <Jump to: Transformation>
Presentation Attributes	Color,FillStroke, Graphics, Markers
marker-offset	auto length

�l�ments des donn�es de chemin :

Le chemin est d�fini dans l'attribut de ��d�� de l'�tiquette de ��chemin�� par une corde de l'espace blanc seperated des coordonn�es et des commandes.
La commande de chemin est cas-sensible, l'absolu d'utilisation des points d'une commande majuscule postioning et les points d'une commande de lettre minuscule sont relativement au dernier point.
L'une exception � ceci est le premier point emploie toujours postioning absolu.

Command	Parameters	Repeat	Explanation
M	x,y	Yes	moveto: Moves the pen to a new location. No line is drawn. All path data must begin with a 'moveto' command.
L	x,y	Yes	lineto: Draws a line from the current point to the point (x,y).
H	x	Yes	horizontal lineto: Draws a horizontal line from the current point to x.
V	y	Yes	vertical lineto: Draws a vertical line from the current point to y.
C	x1 y1 x2 y2 x y	Yes	curveto: Draw a cubic bezier curve to the point (x,y) where the points (x1,y1) and (x2,y2) are the start and end control points, respectively.
S	x2 y2 x y	Yes	shorthand/smooth curveto: Draw a curve to the point (x,y) where the point (x2,y2) is the end control point and the start control point is the reflection of the last point's end control point.
Q	x1 y1 x y	Yes	Quadratic Bezier curveto: Draw a quadratic bezier between the last point and point (x,y) using the point (x1,y1) as the control point.
T	x y	Yes	Shorthand/smooth quadratic Bezier curveto: Draw a quadratic bezier between the last point and point (x,y) using the reflection of the last control point as the control point
A	**	Yes	elliptical arc: Draws and arc from the current point to x, y. The actual scale factor and position of the arc needed to bridge the two points is computed by the SVG viewer.
z	-	No	closepath: Closes the path. A line is drawn from the last point to the first.