SVG Path

Potete usare il <path> per definire un percorso.
Copy il seguente codice nel Notepad e risparmi la lima come �path.svg�. Disporre soltanto la lima nel vostro indice di fotoricettore:

L'esempio qui sopra definisce un percorso che comincia alla posizione 250 150 con una linea per posizionare 150 350 allora l� da una linea su 350 350 ed infine dalla chiusura del percorso di nuovo a 250 150.

Il seguente esempio genera una 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>

Elementi della modifica del <path>:

L'elemento del percorso � la singola modifica pi� utile per la generazione del professionista che osserva il documento di SVG ed � il mano-codice della modifica pi� difficile in SVG.
� duro visualizzare qualche cosa ma il pi� semplice dei percorsi.

La seguente tabella descrive gli attributi dell'elemento del percorso:

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

Elementi dei dati del percorso:

Il percorso � definito nell'attributo �di d� della modifica �del percorso� da una serie di spazio bianco seperated le coordinate e gli ordini.
L'ordine del percorso � contenitore-sensibile, assoluto di uso dei punti dell'ordine maiuscolo che postioning ed i punti dell'ordine di lettera minuscula sono riguardante l'ultimo punto.
L'un'eccezione a questa � il primo punto sempre usa postioning assoluto.

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.