614 lines
50 KiB
HTML
614 lines
50 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><style type="text/css">
|
|
<!--
|
|
A:link {font-family: helvetica, arial, geneva, sans-serif; font-size: small; text-decoration: none; color: #000000}
|
|
A:visited {font-family: helvetica, arial, geneva, sans-serif; font-size: small; text-decoration: none; color: #000000}
|
|
A:hover {font-family: helvetica, arial, geneva, sans-serif; font-size: small; text-decoration: underline; color: #FF0000}
|
|
A.no:link {font-family:inherit; font-size: inhreit;text-decoration: none; color: #000000}
|
|
A.no:visited {font-family:inherit; font-size: inherit;text-decoration: none; color: #000000}
|
|
A.no:hover {font-family:inherit; font-size: inherit;text-decoration: none; color: #000000}
|
|
th {font-family: helvetica, arial; color : black; font-size:90%; background : #b7c8b7; border-right:black solid 1pt; border-bottom:black solid 1pt;}
|
|
td {font-family: helvetica, arial; color : black; font-size:90%; background : white; border-right:black solid 1pt; border-bottom:black solid 1pt;}
|
|
|
|
//-->
|
|
</style></HEAD><hr><div style="padding-left:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;background-color:#deaa87;font-family:courier new;font-size:16pt;">Class <a class="no" name="_C_SHAPE"><b>Shape</b></a></div>
|
|
<i>(Defined in: jpgraph_canvtools.php : 69)</i><br> <br><table cellspaceing=0 cellpadding=4 style="border:solid #303030 1px;"><tr><td align="center" style="background:lightgray;" > <a href="Shape.html" style="font-family:arial;font-weight:bold;color:darkblue;">Shape</a> </td></tr><tr><td valign=top> <a href="Shape.html#_SHAPE_BEZIER">Bezier()</a> <br>
|
|
<a href="Shape.html#_SHAPE_CIRCLE">Circle()</a> <br>
|
|
<a href="Shape.html#_SHAPE_FILLEDCIRCLE">FilledCircle()</a> <br>
|
|
<a href="Shape.html#_SHAPE_FILLEDPOLYGON">FilledPolygon()</a> <br>
|
|
<a href="Shape.html#_SHAPE_FILLEDRECTANGLE">FilledRectangle()</a> <br>
|
|
<a href="Shape.html#_SHAPE_FILLEDROUNDEDRECTANGLE">FilledRoundedRectangle()</a> <br>
|
|
<a href="Shape.html#_SHAPE_INDENTEDRECTANGLE">IndentedRectangle()</a> <br>
|
|
<a href="Shape.html#_SHAPE_LINE">Line()</a> <br>
|
|
<a href="Shape.html#_SHAPE_POLYGON">Polygon()</a> <br>
|
|
<a href="Shape.html#_SHAPE_RECTANGLE">Rectangle()</a> <br>
|
|
<a href="Shape.html#_SHAPE_ROUNDEDRECTANGLE">RoundedRectangle()</a> <br>
|
|
<a href="Shape.html#_SHAPE_SETCOLOR">SetColor()</a> <br>
|
|
<a href="Shape.html#_SHAPE_SETTEXTALIGN">SetTextAlign()</a> <br>
|
|
<a href="Shape.html#_SHAPE_SHADOWRECTANGLE">ShadowRectangle()</a> <br>
|
|
<a href="Shape.html#_SHAPE___CONSTRUCT">__construct()</a> <br>
|
|
</td></tr></table> <p><div style="font-weight:bold;font-family:arial;font-size:100%;">Class usage and Overview</div>This is mainly awrapper class around thye current image class used. It is meant to make it easier to work with a Canvas graph and a Canvas scale. Basically the class uses the specified scale to trasnalte coordinates which is then passed on to the standard Image routines.
|
|
<p>
|
|
<div style="font-weight:bold;font-family:arial;font-size:85%;">See also related classes:</div><a href="CanvasScale.html">CanvasScale</a> <p> <hr><span style="font-family:arial;font-size:120%;font-weight:bold;">Class Methods</span><hr><p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_BEZIER"><span style="color:#555555;">Shape ::</span><br><b>Bezier</b>($p, $aSteps)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a bezier curve </i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$p</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Array with control points</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$aSteps</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">40</span>
|
|
</span>
|
|
</td><td>Number of line segments in curve</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a Bezier line with specified in the $p array. The points are specified according to the current scale. The positions in the array has the following meaning
|
|
<p>
|
|
(0,1) x0,y0 (First point on curver)<br>
|
|
(2,3) x,y, (Control point 1)<br>
|
|
(4,5) x,y, (Control point 2)<br>
|
|
(6,7) x,y, (End point of curve)<br>
|
|
<p>
|
|
See example in canvasbezierex1.php
|
|
|
|
<br>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB">$p </span><span style="color: #007700">= array(</span><span style="color: #0000BB">3</span><span style="color: #007700">,</span><span style="color: #0000BB">6</span><span style="color: #007700">,</span><span style="color: #0000BB">6</span><span style="color: #007700">,</span><span style="color: #0000BB">9</span><span style="color: #007700">,</span><span style="color: #0000BB">5</span><span style="color: #007700">,</span><span style="color: #0000BB">3</span><span style="color: #007700">,</span><span style="color: #0000BB">7</span><span style="color: #007700">,</span><span style="color: #0000BB">4</span><span style="color: #007700">);
|
|
<br />
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetColor</span><span style="color: #007700">(</span><span style="color: #DD0000">'black'</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">Bezier</span><span style="color: #007700">(</span><span style="color: #0000BB">$p</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_CIRCLE"><span style="color:#555555;">Shape ::</span><br><b>Circle</b>($x1, $y1, $r)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a circle</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Center X-coordinate</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Center Y-coordinate</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$r</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Radius</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a circle onto the canvas
|
|
<br>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">See also:</div><ul><li><a href="Image.html#_IMAGE_CIRCLE">Image::Circle()</a></ul>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #FF8000">// The shape class is wrapper around the Imgae class which translates
|
|
<br />// the coordinates for us
|
|
<br /></span><span style="color: #0000BB">$shape </span><span style="color: #007700">= new </span><span style="color: #0000BB">Shape</span><span style="color: #007700">(</span><span style="color: #0000BB">$g</span><span style="color: #007700">,</span><span style="color: #0000BB">$scale</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetColor</span><span style="color: #007700">(</span><span style="color: #DD0000">'black'</span><span style="color: #007700">);
|
|
<br />
|
|
<br />
|
|
<br /></span><span style="color: #FF8000">// .. and a circle (x,y,diameter)
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">Circle</span><span style="color: #007700">(</span><span style="color: #0000BB">5</span><span style="color: #007700">,</span><span style="color: #0000BB">14</span><span style="color: #007700">,</span><span style="color: #0000BB">2</span><span style="color: #007700">);
|
|
<br />
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_FILLEDCIRCLE"><span style="color:#555555;">Shape ::</span><br><b>FilledCircle</b>($x1, $y1, $r)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a filled circle to a canvas</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Center X-coordinate</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Center Y-coordinate</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$r</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Radius</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a filled circle on the canvas using the specified scale.
|
|
<p>
|
|
Note: If you are using GD1.xx you will see moire-patterns in large circles. This is due to the lack of a proper filled circle function in GD 1.xx. Using GD 2.xx will avoid this problem.
|
|
<br>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">See also:</div><ul><li><a href="Image.html#_IMAGE_FILLEDCIRCLE">Image::FilledCircle()</a></ul>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #FF8000">// The shape class is wrapper around the Imgae class which translates
|
|
<br />// the coordinates for us
|
|
<br /></span><span style="color: #0000BB">$shape </span><span style="color: #007700">= new </span><span style="color: #0000BB">Shape</span><span style="color: #007700">(</span><span style="color: #0000BB">$g</span><span style="color: #007700">,</span><span style="color: #0000BB">$scale</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetColor</span><span style="color: #007700">(</span><span style="color: #DD0000">'black'</span><span style="color: #007700">);
|
|
<br />
|
|
<br />
|
|
<br /></span><span style="color: #FF8000">// .. and a circle (x,y,diameter)
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">FilledCircle</span><span style="color: #007700">(</span><span style="color: #0000BB">5</span><span style="color: #007700">,</span><span style="color: #0000BB">14</span><span style="color: #007700">,</span><span style="color: #0000BB">2</span><span style="color: #007700">);
|
|
<br />
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_FILLEDPOLYGON"><span style="color:#555555;">Shape ::</span><br><b>FilledPolygon</b>($p)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a filled polygon</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$p</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Polygon array</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a filled polygon <br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_FILLEDRECTANGLE"><span style="color:#555555;">Shape ::</span><br><b>FilledRectangle</b>($x1, $y1, $x2, $y2)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a filled rectangle on the canvas</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right Y</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a filled rectangle on the canvas using the current sclae.
|
|
<br>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB">
|
|
<br /></span><span style="color: #FF8000">// .. add a rectangle
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetColor</span><span style="color: #007700">(</span><span style="color: #DD0000">'green'</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">FilledRectangle</span><span style="color: #007700">(</span><span style="color: #0000BB">15</span><span style="color: #007700">,</span><span style="color: #0000BB">8</span><span style="color: #007700">,</span><span style="color: #0000BB">19</span><span style="color: #007700">,</span><span style="color: #0000BB">14</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_FILLEDROUNDEDRECTANGLE"><span style="color:#555555;">Shape ::</span><br><b>FilledRoundedRectangle</b>($x1, $y1, $x2, $y2, $r)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Create a filled rectangle with rounded corners</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$r</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">null</span>
|
|
</span>
|
|
</td><td>Corner radius</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Create a filled rectangle with rounded corners <br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_INDENTEDRECTANGLE"><span style="color:#555555;">Shape ::</span><br><b>IndentedRectangle</b>($xt, $yt, $w, $h, $iw, $ih, $aCorner, $aFillColor, $r)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>A filled rectangle with one corner 'indented'</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$xt</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$yt</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$w</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Width</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$h</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Height</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$iw</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">0</span>
|
|
</span>
|
|
</td><td>Indented width</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$ih</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">0</span>
|
|
</span>
|
|
</td><td>Indeted height</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$aCorner</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">3</span>
|
|
</span>
|
|
</td><td>Corner to indent</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$aFillColor</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #DD0000">""</span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</td><td>Fill color</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$r</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">4</span>
|
|
</span>
|
|
</td><td>Corner radius</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>A rounded rectangle where one of the corner has been moved "into" the rectangle. The indention is determined by the two argument
|
|
'iw' width and 'ih' height.
|
|
<p>
|
|
The corners (as used in the $aCorner) are numbered as
|
|
0=Top left, 1=top right, 2=bottom right, 3=bottom left
|
|
<br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_LINE"><span style="color:#555555;">Shape ::</span><br><b>Line</b>($x1, $y1, $x2, $y2)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a line between</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>X1</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Y1</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>X2</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Y2</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a line between two points in the canvas using the current scale. <br>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">See also:</div><ul><li><a href="Image.html#_IMAGE_LINE">Image::Line()</a></ul>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB">
|
|
<br /></span><span style="color: #FF8000">// Add a black line
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetColor</span><span style="color: #007700">(</span><span style="color: #DD0000">'black'</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">Line</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">,</span><span style="color: #0000BB">0</span><span style="color: #007700">,</span><span style="color: #0000BB">20</span><span style="color: #007700">,</span><span style="color: #0000BB">20</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_POLYGON"><span style="color:#555555;">Shape ::</span><br><b>Polygon</b>($p, $aClosed)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a closed polygon</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$p</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Array of points in polygon</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$aClosed</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">false</span>
|
|
</span>
|
|
</td><td>No description available</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a closed polygon <br>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB">$p </span><span style="color: #007700">= array(</span><span style="color: #0000BB">3</span><span style="color: #007700">,</span><span style="color: #0000BB">6</span><span style="color: #007700">,</span><span style="color: #0000BB">6</span><span style="color: #007700">,</span><span style="color: #0000BB">9</span><span style="color: #007700">,</span><span style="color: #0000BB">5</span><span style="color: #007700">,</span><span style="color: #0000BB">3</span><span style="color: #007700">,</span><span style="color: #0000BB">7</span><span style="color: #007700">,</span><span style="color: #0000BB">4</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetColor</span><span style="color: #007700">(</span><span style="color: #DD0000">'blue:0.35'</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">Polygon</span><span style="color: #007700">(</span><span style="color: #0000BB">$p</span><span style="color: #007700">);</span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_RECTANGLE"><span style="color:#555555;">Shape ::</span><br><b>Rectangle</b>($x1, $y1, $x2, $y2)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a rectangle on the canvas</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right Y</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a rectangle on the canvas using the current scale. <br>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #FF8000">// .. add a rectangle
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetColor</span><span style="color: #007700">(</span><span style="color: #DD0000">'green'</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">Rectangle</span><span style="color: #007700">(</span><span style="color: #0000BB">15</span><span style="color: #007700">,</span><span style="color: #0000BB">8</span><span style="color: #007700">,</span><span style="color: #0000BB">19</span><span style="color: #007700">,</span><span style="color: #0000BB">14</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_ROUNDEDRECTANGLE"><span style="color:#555555;">Shape ::</span><br><b>RoundedRectangle</b>($x1, $y1, $x2, $y2, $r)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a rectangle with rounded corners</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$r</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">null</span>
|
|
</span>
|
|
</td><td>Corner radius</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a rectangle with rounded corners <br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_SETCOLOR"><span style="color:#555555;">Shape ::</span><br><b>SetColor</b>($aColor)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Specify color to use when drawing shapes</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$aColor</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Color specification</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Specify color to use when drawing shapes <br>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">See also:</div><ul><li><a href="RGB.html#_RGB_COLOR">RGB::Color()</a></ul>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #FF8000">// Add a black line
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetColor</span><span style="color: #007700">(</span><span style="color: #DD0000">'black'</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">Line</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">,</span><span style="color: #0000BB">0</span><span style="color: #007700">,</span><span style="color: #0000BB">20</span><span style="color: #007700">,</span><span style="color: #0000BB">20</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_SETTEXTALIGN"><span style="color:#555555;">Shape ::</span><br><b>SetTextAlign</b>($halign, $valign)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Specify bae point for StrokeText()</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$halign</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Horizontal position for basepoint</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$valign</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #DD0000">"bottom"</span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</td><td>Vertical position for base point</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Specifies how the coordinate for the text should be interpretated. Possible values for horizontal base-position are
|
|
|
|
<ul>
|
|
<li> "left"
|
|
<li> "center"
|
|
<li> "right"
|
|
</ul>
|
|
|
|
and for vertical
|
|
|
|
|
|
<ul>
|
|
<li> "top"
|
|
<li> "center"
|
|
<li> "bottom"
|
|
</ul>
|
|
<br>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #FF8000">// Interpret the text coordinate as beeing the
|
|
<br />// top left corner of the bounding box for the text
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">SetTextAlign</span><span style="color: #007700">(</span><span style="color: #DD0000">'left'</span><span style="color: #007700">,</span><span style="color: #DD0000">'top'</span><span style="color: #007700">);
|
|
<br />
|
|
<br /></span><span style="color: #0000BB">$shape</span><span style="color: #007700">-></span><span style="color: #0000BB">StrokeText</span><span style="color: #007700">(....)
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE_SHADOWRECTANGLE"><span style="color:#555555;">Shape ::</span><br><b>ShadowRectangle</b>($x1, $y1, $x2, $y2, $fcolor, $shadow_width, $shadow_color)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Draw a filled rectangle with a drop shadow</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y1</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Top left Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$x2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right X</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$y2</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>Bottom right Y</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$fcolor</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">false</span>
|
|
</span>
|
|
</td><td>Fill color</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$shadow_width</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">null</span>
|
|
</span>
|
|
</td><td>Shadow width</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$shadow_color</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #007700">array(</span><span style="color: #0000BB">102</span><span style="color: #007700">,</span><span style="color: #0000BB">102</span><span style="color: #007700">,</span><span style="color: #0000BB">102</span><span style="color: #007700">)</span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</td><td>Shadow color</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Draw a filled rectangle with a drop shadow <br>
|
|
<p>
|
|
<p> <div style='font-family: helvetica, arial, geneva, sans-serif;margin-bottom:4px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 2px;border-right:solid black 2px;font-size:120%;background:#dde9af;padding:4px;'><a class="no" name="_SHAPE___CONSTRUCT"><span style="color:#555555;">Shape ::</span><br><b>__construct</b>($aGraph, $scale)</a></div>
|
|
|
|
<span style='font-family:arial;font-size:95%;'><i>Methods to draw shapes on canvas</i></span><p>
|
|
|
|
<table cellspacing=0 style='border:black solid 1pt;' width=100%>
|
|
<tr><th width=25%>Argument</th><th width=15%>Default</th><th width=60%>Description</th></tr>
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$aGraph</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>No description available</td></tr>
|
|
|
|
<tr><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'><span style="color: #000000">
|
|
<span style="color: #0000BB">$scale</span>
|
|
</span>
|
|
|
|
</td><td style='border-right:black solid 1pt;font-family:courier;font-size:100%;font-weight:bold;'> </td><td>No description available</td></tr>
|
|
</table>
|
|
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">Description:</div>Create a new shape class used to draw siple shape onto a canvas using the specified scale. <br>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;">See also:</div><ul><li><a href="CanvasGraph.html#_CANVASGRAPH___CONSTRUCT">CanvasGraph::__construct()</a><li><a href="CanvasScale.html#_CANVASSCALE___CONSTRUCT">CanvasScale::__construct()</a></ul>
|
|
<div style="font-weight:bold;font-family:arial;font-size:90%;"><p>Example:</div><div style="padding:5px;border:dashed gray 1px;background-color:#f3f3f3;font-family:courier new;font-size:90%;font-weight:bold;"><b><span style="color: #000000">
|
|
<span style="color: #0000BB"></span><span style="color: #FF8000">// Setup a basic canvas we can work
|
|
<br /></span><span style="color: #0000BB">$g </span><span style="color: #007700">= new </span><span style="color: #0000BB">CanvasGraph</span><span style="color: #007700">(</span><span style="color: #0000BB">400</span><span style="color: #007700">,</span><span style="color: #0000BB">200</span><span style="color: #007700">,</span><span style="color: #DD0000">'auto'</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$g</span><span style="color: #007700">-></span><span style="color: #0000BB">SetMargin</span><span style="color: #007700">(</span><span style="color: #0000BB">5</span><span style="color: #007700">,</span><span style="color: #0000BB">11</span><span style="color: #007700">,</span><span style="color: #0000BB">6</span><span style="color: #007700">,</span><span style="color: #0000BB">11</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$g</span><span style="color: #007700">-></span><span style="color: #0000BB">SetShadow</span><span style="color: #007700">();
|
|
<br /></span><span style="color: #0000BB">$g</span><span style="color: #007700">-></span><span style="color: #0000BB">SetMarginColor</span><span style="color: #007700">(</span><span style="color: #DD0000">"teal"</span><span style="color: #007700">);
|
|
<br />
|
|
<br /></span><span style="color: #FF8000">// We need to stroke the plotarea and margin before we add the
|
|
<br />// text since we otherwise would overwrite the text.
|
|
<br /></span><span style="color: #0000BB">$g</span><span style="color: #007700">-></span><span style="color: #0000BB">InitFrame</span><span style="color: #007700">();
|
|
<br />
|
|
<br /></span><span style="color: #FF8000">// Create a new scale
|
|
<br /></span><span style="color: #0000BB">$scale </span><span style="color: #007700">= new </span><span style="color: #0000BB">CanvasScale</span><span style="color: #007700">(</span><span style="color: #0000BB">$g</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB">$scale</span><span style="color: #007700">-></span><span style="color: #0000BB">Set</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">,</span><span style="color: #0000BB">$xmax</span><span style="color: #007700">,</span><span style="color: #0000BB">0</span><span style="color: #007700">,</span><span style="color: #0000BB">$ymax</span><span style="color: #007700">);
|
|
<br />
|
|
<br /></span><span style="color: #FF8000">// The shape class is wrapper around the Imgae class which translates
|
|
<br />// the coordinates for us
|
|
<br /></span><span style="color: #0000BB">$shape </span><span style="color: #007700">= new </span><span style="color: #0000BB">Shape</span><span style="color: #007700">(</span><span style="color: #0000BB">$g</span><span style="color: #007700">,</span><span style="color: #0000BB">$scale</span><span style="color: #007700">);
|
|
<br /></span><span style="color: #0000BB"></span>
|
|
</span>
|
|
</b></div><br>
|
|
<p> <hr> <p></html> |