Trajeto de SVG

Voc� pode usar o <path> definir um trajeto.
Copy o seguinte c�digo no Notepad e excepto a lima como �path.svg�. Colocar a lima em seu diret�rio da correia fotorreceptora somente:

O exemplo acima define um trajeto que comece pela posi��o 250 150 com uma linha para posicionar l� 150 350 ent�o de uma linha a 350 350 e finalmente de fechar o trajeto para tr�s a 250 150.

O seguinte exemplo cr�a uma espiral:.

<?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>

Elementos do Tag do <path>:

O elemento do trajeto � o �nico Tag o mais �til para criar o profissional que olha o original de SVG e � o m�o-c�digo o mais dif�cil do Tag em SVG.
� duro visualizar qualquer coisa mas o mais simples dos trajetos.

A seguinte tabela descreve os atributos do elemento do trajeto:

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

Elementos dos dados do trajeto:

O trajeto � definido no atributo de �d� do Tag do �trajeto� por uma corda do espa�o branco seperated coordenadas e comandos.
O comando do trajeto � caixa-sens�vel, absolute do uso dos pontos de um comando caixa que postioning e os pontos de um comando do lowercase s�o relativo ao �ltimo ponto.
A uma exce��o a esta � o primeiro ponto usa sempre postioning absoluto.

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.