Copy Page

You are not logged in. Any changes you make will be marked as anonymous. You may want to Log In if you already have an account. You can also Sign Up for a new account.

Draws an arbitrary geometric path. Paths are described by a series of pathOperations:
<table class="confluenceTable"><tbody>
<tr>
<th class="confluenceTh"> Operation </th>
<th class="confluenceTh"> Description </th>
</tr>
<tr>
<td class="confluenceTd"> moveTo[x,y] </td>
<td class="confluenceTd"> adds a point to the path by moving to the specified coordinates (x,y) </td>
</tr>
<tr>
<td class="confluenceTd"> lineTo[x,y] </td>
<td class="confluenceTd"> adds a point to the path by drawing a straight line from the current coordinates to the new specified coordinates (x,y) </td>
</tr>
<tr>
<td class="confluenceTd"> curveTo[x1,y1,x2,y2,x3,y3] </td>
<td class="confluenceTd"> adds a curved segment, defined by three new points, to the path by drawing a Bézier curve that intersects both the current coordinates and the specified coordinates (x3,y3), using the specified points (x1,y1) and (x2,y2) as Bézier control points </td>
</tr>
<tr>
<td class="confluenceTd"> quadTo[x1,y1,x2,y2] </td>
<td class="confluenceTd"> adds a curved segment, defined by two new points, to the path by drawing a Quadratic curve that intersects both the current coordinates and the specified coordinates (x2,y2), using the specified point (x1,y1) as a quadratic parametric control point </td>
</tr>
<tr>
<td class="confluenceTd"> hline[x] </td>
<td class="confluenceTd"> adds a point to the path by drawing an horizontal line to the specified coordinates (x,current.y) </td>
</tr>
<tr>
<td class="confluenceTd"> vline[y] </td>
<td class="confluenceTd"> adds a point to the path by drawing a vertical line to the specified coordinates (current.x,y) </td>
</tr>
<tr>
<td class="confluenceTd"> shapeTo[shape,connect] </td>
<td class="confluenceTd"> appends the geometry of the specified Shape, shape operation or outline operation to the path, possibly connecting the new geometry to the existing path segments with a line segment </td>
</tr>
<tr>
<td class="confluenceTd"> close </td>
<td class="confluenceTd"> closes the current subpath by drawing a straight line back to the coordinates of the last moveTo </td>
</tr>
</tbody></table>

The first operation must be a <code>moveTo</code>.

<h3>Example</h3>

<table class="wysiwyg-macro" data-macro-name="code" style="background-image: url(/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGV9&amp;locale=en_GB&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>
path( borderColor: 'darkBlue', fill: 'blue', borderWidth: 4 ){
 moveTo( x: 50, y: 50 )
 quadTo( x1: -30, y1: 100, x2: 50, y2: 150 )
 quadTo( x1: 100, y1: 230, x2: 150, y2: 150 )
 quadTo( x1: 230, y1: 100, x2: 150, y2: 50 )
 quadTo( x1: 100, y1: -30, x2: 50, y2: 50 )
}
</pre></td></tr></table>

<img class="confluence-embedded-image" src="/download/attachments/231082295/shapes-path.png?version=1&amp;modificationDate=1371610781009" data-image-src="/download/attachments/231082295/shapes-path.png?version=1&amp;modificationDate=1371610781009" data-linked-resource-id="231377011" data-linked-resource-type="attachment" data-linked-resource-default-alias="shapes-path.png" data-base-url="http://docs.codehaus.org" data-linked-resource-container-id="231082295" title="null > shapes-path.png">