SVG Path

Du kannst das benutzen, um einen Weg zu definieren.
Copy der folgende Code in Notizblock und außer der Akte als „path.svg“. Die Akte in dein Netzverzeichnis nur legen:

Das Beispiel oben definieren einen Weg, der in Stellung 250 150 mit einer Linie beginnt, 150 350 dann von einer Linie bis 350 350 und den Weg schließlich von schließen zurück zu 250 150 dort in Position zu bringen.

Das folgende Beispiel verursacht eine 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>

Elemente des Umbaus:

Das Wegelement ist der einzelne nützlichste Umbau für das Herstellen des Fachmannes, der SVG Dokument schaut und es ist der schwierigste Umbau Handcode in SVG.
Es ist hart, alles aber das einfachste der Wege sichtbar zu machen.

Die folgende Tabelle beschreiben die Attribute des Wegelements:

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

Elemente der Weg-Daten:

Der Weg wird im „d“ Attribut des „Weg“ Umbaus durch eine Zeichenkette des weißen Raumes seperated Koordinaten und Befehle definiert.
Wegbefehl ist Schachtel-empfindlich, das postioning Punkt-Gebrauchabsolute eines Versalienbefehls und die Punkte eines Kleinschreibungbefehls sind im Verhältnis zu dem letzten Punkt.
Die eine Ausnahme dieses ist der erste Punkt verwendet immer das absolute Postioning.

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.