summaryrefslogtreecommitdiff
path: root/html/en
diff options
context:
space:
mode:
authorscuri <scuri>2010-06-18 14:41:54 +0000
committerscuri <scuri>2010-06-18 14:41:54 +0000
commitd117dc8f75933e4e2b780afbb2f50756c140bdea (patch)
tree0afd7bbdb7bfe855f2fce18aaa7c60cebe1c8041 /html/en
parent370b2c90cfdfa99a13725e4d63d5a0158a140815 (diff)
*** empty log message ***
Diffstat (limited to 'html/en')
-rw-r--r--html/en/func/text.html4
-rw-r--r--html/en/history.html3
-rw-r--r--html/en/screenshots.html5
-rw-r--r--html/en/screenshots_src_c.html52
-rw-r--r--html/en/screenshots_src_lua.html686
5 files changed, 727 insertions, 23 deletions
diff --git a/html/en/func/text.html b/html/en/func/text.html
index f3399dc..12a54cd 100644
--- a/html/en/func/text.html
+++ b/html/en/func/text.html
@@ -171,8 +171,8 @@ canvas:wGetTextSize(text: string) -&gt; (width, heigth: number) (WC) [in Lua]</p
<pre class="function"><span class="mainFunction">void <a name="cdTextBounds">cdCanvasGetTextBounds</a>(cdCanvas* canvas, int x, int y, const char *text, int *rect); [in C]</span>
void wdCanvasGetTextBounds(cdCanvas* canvas, double x, double y, const char* text, double *rect); (WC) [in C]
-canvas:GetTextBounds(x, y: number, text: string) -&gt; (rect0, rect1, rect2, rect3, rect4, rect5, rect6, rect7: number) [in Lua]
-canvas:wGetTextBounds(x, y: number, text: string) -&gt; (rect0, rect1, rect2, rect3, rect4, rect5, rect6, rect7: number) (WC) [in Lua]</pre>
+canvas:GetTextBounds(x, y: number, text: string) -&gt; (rect: table) [in Lua]
+canvas:wGetTextBounds(x, y: number, text: string) -&gt; (rect: table) (WC) [in Lua]</pre>
<p>Returns the oriented bounding rectangle occupied by a text at a given
position. The rectangle has the same dimentions returned by <strong>
diff --git a/html/en/history.html b/html/en/history.html
index 78ac63e..0acfaad 100644
--- a/html/en/history.html
+++ b/html/en/history.html
@@ -75,6 +75,9 @@
<li><span class="hist_fixed">Fixed:</span> Chord in PDF driver.</li>
<li><span class="hist_fixed">Fixed:</span> custom line style sizes in CD_PDF
and CD_PS drivers to match behavior of other drivers.</li>
+ <li><span class="hist_fixed">Fixed:</span> cd.<strong>GetTextBounds</strong>
+ and cd.<strong>wGetTextBounds</strong> to return the correct values and in a
+ table in Lua.</li>
</ul>
<h3><a href="http://sourceforge.net/projects/canvasdraw/files/5.3/">Version 5.3</a> (26/Jan/2010)</h3>
<ul>
diff --git a/html/en/screenshots.html b/html/en/screenshots.html
index d8b3c28..1d1968a 100644
--- a/html/en/screenshots.html
+++ b/html/en/screenshots.html
@@ -19,9 +19,10 @@
<h2 align="center" style="text-align:center">Screenshots</h2>
<p class="style5">All the screenshots here were generated with the same
-<a href="screenshots_src_c.html">C source code</a>. The code contains only the
+<a href="screenshots_src_c.html">C source code</a>. The same example is
+available in <a href="screenshots_src_lua.html">Lua source code</a>. The code contains only the
primitives and attributes, the canvas initialization is simply:</p>
-<pre>cdCanvas* canvas = <strong>canvas = cdCreateCanvas</strong>(ctx, data);
+<pre>cdCanvas* canvas = <strong>cdCreateCanvas</strong>(ctx, data);
<a href="screenshots_src_c.html">SimpleDraw</a>(canvas);
diff --git a/html/en/screenshots_src_c.html b/html/en/screenshots_src_c.html
index bf33397..ec9f24a 100644
--- a/html/en/screenshots_src_c.html
+++ b/html/en/screenshots_src_c.html
@@ -9,6 +9,7 @@
p {
margin-top: 0;
margin-bottom: 0;
+ font-family: "Courier New", Courier, monospace;
}
.style1 {
color: #0000FF;
@@ -16,6 +17,12 @@
.style2 {
color: #FF00FF;
}
+.style3 {
+ font-family: Arial, Helvetica, sans-serif;
+}
+.style4 {
+ text-align: left;
+}
</style>
</head>
<body>
@@ -25,6 +32,13 @@
+<p class="style4"><span class="style3">Get the source code here: </span>
+<a href="../download/simple.zip">simple.zip</a>.</p>
+<p align="center" class="style4">&nbsp;</p>
+
+
+
+
<p><font SIZE="3"> <span class="style1">void</span> SimpleDraw</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cdCanvas</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3">
canvas</font><font SIZE="3" COLOR="#ff00ff"><b>)</p>
<p>{</b>
@@ -56,9 +70,9 @@ cdCanvasClear</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3"
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw a reactangle and a polyline at
the bottom-left area,</p>
-<p>&nbsp;&nbsp;&nbsp; using a thick line with transparency.</p>
-<p>&nbsp;&nbsp;&nbsp; Notice that transparency is only supported in a few drivers,</p>
-<p>&nbsp;&nbsp;&nbsp; and line join is not supported in the IMAGERGB driver. */</p></font><p><font SIZE="3">
+<p>&nbsp;&nbsp; using a thick line with transparency.</p>
+<p>&nbsp;&nbsp; Notice that transparency is only supported in a few drivers,</p>
+<p>&nbsp;&nbsp; and line join is not supported in the IMAGERGB driver. */</p></font><p><font SIZE="3">
cdCanvasLineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
</font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -103,7 +117,7 @@ cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">c
<p></font><font SIZE="3" COLOR="#008000">/* Draw the red diagonal line with a
custom line style. </p>
-<p>&nbsp;&nbsp;&nbsp; Notice that line styles are not supported in the IMAGERGB driver. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that line styles are not supported in the IMAGERGB driver. */</font></p><p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_RED</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -134,7 +148,7 @@ h</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw the blue diagonal line with a
pre-defined line style.</p>
-<p>&nbsp;&nbsp;&nbsp; Notice that the pre-defined line style is dependent on the driver. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that the pre-defined line style is dependent on the driver. */</font></p><p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -160,7 +174,7 @@ cdCanvasLineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE
<p></font><font SIZE="3" COLOR="#008000">/* Draw an arc at bottom-left, and a
sector at bottom-right.</p>
-<p>&nbsp;&nbsp;&nbsp; Notice that counter-clockwise orientation of both. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that counter-clockwise orientation of both. */</font></p><p><font SIZE="3">
cdCanvasInteriorStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_SOLID</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -222,13 +236,13 @@ CD_BOLD</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw text at center, with
orientation, </p>
-<p>&nbsp;&nbsp;&nbsp; and draw its bounding box. </p>
-<p>&nbsp;&nbsp;&nbsp; Notice that in some drivers the bounding box is not precise. */</font></p>
+<p>&nbsp;&nbsp; and draw its bounding box. </p>
+<p>&nbsp;&nbsp; Notice that in some drivers the bounding box is not precise. */</font></p>
<p><font SIZE="3">
cdCanvasGetTextBounds</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
-</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw ()&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw (ηγν)&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
irect</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
@@ -262,7 +276,7 @@ CD_BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
cdCanvasText</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
-</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw ()&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw (ηγν)&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p>
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Prepare World Coordinates */</font></p><p><font SIZE="3">
@@ -309,7 +323,7 @@ wdCanvasVectorCharSize</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font
</font></p><p>&nbsp;</p>
<p><font SIZE="3" COLOR="#008000">/* Draw vector text, and draw its
bounding box. </p>
-<p>&nbsp;&nbsp;&nbsp; We also use this text to show when we are using a contextplus driver. */</font></p>
+<p>&nbsp;&nbsp; We also use this text to show when we are using a contextplus driver. */</font></p>
<p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_RED</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
@@ -383,7 +397,7 @@ cdCanvasLineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE
</font></p><p><font SIZE="3" COLOR="#ff00ff">&nbsp;</font></p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw a filled path at center-right
(looks like a weird fish). </p>
-<p>&nbsp;&nbsp;&nbsp; Notice that in PDF the arc is necessarily a circle arc, and not an ellipse.
+<p>&nbsp;&nbsp; Notice that in PDF the arc is necessarily a circle arc, and not an ellipse.
*/</font></p><p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_GREEN</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
@@ -544,7 +558,7 @@ h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw all the line style
possibilities at bottom. </p>
-<p>&nbsp;&nbsp;&nbsp; Notice that they have some small differences between drivers. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that they have some small differences between drivers. */</font></p><p><font SIZE="3">
cdCanvasLineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
</font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -596,7 +610,7 @@ w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw all the hatch style
possibilities in the top-left corner.</p>
-<p>&nbsp;&nbsp;&nbsp; Notice that they have some small differences between drivers. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that they have some small differences between drivers. */</font></p><p><font SIZE="3">
cdCanvasHatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_VERTICAL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
@@ -659,8 +673,8 @@ h</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p>
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw 4 regions, in diamond shape,</p>
-<p>&nbsp;&nbsp;&nbsp; at top, bottom, left, right, </p>
-<p>&nbsp;&nbsp;&nbsp; using different interior styles. <font SIZE="3" COLOR="#008000">
+<p>&nbsp;&nbsp; at top, bottom, left, right, </p>
+<p>&nbsp;&nbsp; using different interior styles. <font SIZE="3" COLOR="#008000">
*/</font></p>
<p>&nbsp;</p>
<p>/* At top, not filled polygon, notice that the last line style is used. */</font></p><p><font SIZE="3">
@@ -847,9 +861,9 @@ h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
</font></p>
<p>&nbsp;</p>
<p><font SIZE="3" COLOR="#008000">/* Adds a new page, or </p>
-<p>&nbsp;&nbsp;&nbsp; flushes the file, or</p>
-<p>&nbsp;&nbsp;&nbsp; flushes the screen, or</p>
-<p>&nbsp;&nbsp;&nbsp; swap the double buffer. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; flushes the file, or</p>
+<p>&nbsp;&nbsp; flushes the screen, or</p>
+<p>&nbsp;&nbsp; swap the double buffer. */</font></p><p><font SIZE="3">
cdCanvasFlush</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p>
</div>
diff --git a/html/en/screenshots_src_lua.html b/html/en/screenshots_src_lua.html
new file mode 100644
index 0000000..2243414
--- /dev/null
+++ b/html/en/screenshots_src_lua.html
@@ -0,0 +1,686 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
+<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<head>
+<meta http-equiv="Content-Language" content="en-us">
+<title>Screenshots C Source Code</title>
+<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
+<link rel="stylesheet" type="text/css" href="../style.css">
+<style type="text/css">
+ p {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "Courier New", Courier, monospace;
+}
+.style1 {
+ color: #0000FF;
+}
+.style2 {
+ color: #FF00FF;
+}
+.style3 {
+ text-align: left;
+}
+.style4 {
+ text-align: left;
+ font-family: Arial, Helvetica, sans-serif;
+}
+</style>
+</head>
+<body>
+
+<h2 align="center" style="text-align:center">Screenshots Lua Source Code</h2>
+<p align="center" class="style4">Get the source code here:
+<a href="../examples/simpledraw.lua">simpledraw.lua</a>.</p>
+<p align="center" class="style3">&nbsp;</p>
+
+
+
+
+<p><font SIZE="3"> <span class="style1">function</span> SimpleDraw</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">)</font></p>
+<div style="margin-left: 1.4em">
+<p class="style2"><font SIZE="3" COLOR="#008000">-- Get size in pixels to be
+used for computing coordinates. </font></p><p><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h = canvas</font><font SIZE="3" COLOR="#ff00ff"><b>:</b></font><font SIZE="3">GetSize</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p><p></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Clear the background to be white </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Background</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.WHITE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Clear</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw a reactangle and a polyline at
+the bottom-left area,</p>
+<p>-- using a thick line with transparency.</p>
+<p>-- Notice that transparency is only supported in a few drivers,</p>
+<p>-- and line join is not supported in the IMAGERGB driver. </p></font><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.EncodeAlpha</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DARK_MAGENTA</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">128</font><font SIZE="3" COLOR="#ff00ff"><b>))</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Rect</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.OPEN_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">320</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">270</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">350</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">260</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">340</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">310</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">210</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b></font><font SIZE="3" COLOR="#ff00ff">
+</font></p><p></p><font SIZE="3">
+
+<p></font><font SIZE="3" COLOR="#008000">-- Draw the red diagonal line with a
+custom line style. </p>
+<p>-- Notice that line styles are not supported in the IMAGERGB driver. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3"> dashes</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>=</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#ff00ff"><b>{</b></font><font SIZE="3" COLOR="#800000">20</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">15</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">5</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">5</font><font SIZE="3" COLOR="#ff00ff"><b>}</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyleDashes</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">dashes</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">4</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CUSTOM</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw the blue diagonal line with a
+pre-defined line style.</p>
+<p>-- Notice that the pre-defined line style is dependent on the driver. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">10</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DOTTED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p>&nbsp;</p>
+<p><font SIZE="3" COLOR="#008000">-- Reset line style and width </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p></p><font SIZE="3">
+
+<p></font><font SIZE="3" COLOR="#008000">-- Draw an arc at bottom-left, and a
+sector at bottom-right.</p>
+<p>-- Notice that counter-clockwise orientation of both. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>InteriorStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.SOLID</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.MAGENTA</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Sector</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Arc</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw a solid filled rectangle at
+center. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.YELLOW</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p>
+<p>&nbsp;</p><font SIZE="3">
+
+<p></font><font SIZE="3" COLOR="#008000">-- Prepare font for text. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>TextAlignment</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CENTER</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>TextOrientation</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">70</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Font</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#a31515">&quot;Times&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+cd.BOLD</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">24</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw text at center, with
+orientation, </p>
+<p>-- and draw its bounding box. </p>
+<p>-- Notice that in some drivers the bounding box is not precise. </font></p>
+<p><font SIZE="3">
+irect = canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>GetTextBounds</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw (ηγν)&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">4</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">5</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">6</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">7</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">8</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Text</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw (ηγν)&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Prepare World Coordinates </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wViewport</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">if</font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>&gt;</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font><font SIZE="3" COLOR="#0000ff">then</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wWindow</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">else</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wWindow</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3" COLOR="#0000ff">end</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw a filled blue rectangle in WC </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wBox</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.20</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.30</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.40</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw the diagonal of that rectangle in
+WC </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wLine</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.20</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.40</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.30</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Prepare Vector Text in WC. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVectorCharSize</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.07</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p>&nbsp;</p>
+<p><font SIZE="3" COLOR="#008000">-- Draw vector text, and draw its
+bounding box. </p>
+<p>-- We also use this text to show when we are using a contextplus driver. </font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">if</font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">contextplus</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font><font SIZE="3" COLOR="#0000ff">then</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+drect = canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wGetVectorTextBounds</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#a31515">&quot;WDj-Plus&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.25</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.35</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">else</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+drect = canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wGetVectorTextBounds</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#a31515">&quot;WDj&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.25</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.35</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p>
+<p><font SIZE="3" COLOR="#0000ff">end</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">4</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">5</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">6</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">7</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">8</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">if</font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">contextplus</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font><font SIZE="3" COLOR="#0000ff">then</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVectorText</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.25</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.35</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;WDj-Plus&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">else</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVectorText</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.25</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.35</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;WDj&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3" COLOR="#0000ff">end</font></p>
+<p>&nbsp;</p><p><font SIZE="3" COLOR="#008000">-- Reset line width </font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3" COLOR="#ff00ff">&nbsp;</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw a filled path at center-right
+(looks like a weird fish). </p>
+<p>-- Notice that in PDF the arc is necessarily a circle arc, and not an
+ellipse. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.GREEN</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_MOVETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">230</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_CURVETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- control point for start </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- control point for end </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- end point </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_CURVETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_ARC</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- center </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- width, height </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">30</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3" COLOR="#800000">1000</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">170</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3" COLOR="#800000">1000</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- start angle, end angle (degrees / 1000) </p>
+</font>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_FILL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw 3 pixels at center left. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Pixel</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">10</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Pixel</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">11</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+cd.GREEN</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Pixel</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">12</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+cd.BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw 4 mark types, distributed near
+each corner. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkSize</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">30</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkType</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PLUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Mark</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkType</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CIRCLE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Mark</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkType</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.HOLLOW_CIRCLE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Mark</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkType</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DIAMOND</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Mark</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw all the line style
+possibilities at bottom. </p>
+<p>-- Notice that they have some small differences between drivers. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">10</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">10</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DASHED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">20</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">20</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DOTTED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">30</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">30</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DASH_DOT</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">40</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">40</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DASH_DOT_DOT</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw all the hatch style
+possibilities in the top-left corner.</p>
+<p>-- Notice that they have some small differences between drivers. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.VERTICAL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.FDIAGONAL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.BDIAGONAL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CROSS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.HORIZONTAL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DIAGCROSS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw 4 regions, in diamond shape,</p>
+<p>-- at top, bottom, left, right, </p>
+<p>-- using different interior styles. <font SIZE="3" COLOR="#008000">
+</font></p>
+<p>&nbsp;</p>
+<p>-- At top, not filled polygon, notice that the last line style is used. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- At left, hatch filled polygon </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DIAGCROSS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.FILL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b></font><font SIZE="3" COLOR="#ff00ff">
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- At right, pattern filled polygon </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Pattern</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">pattern</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.FILL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p><p></p><font SIZE="3">
+
+<p></font><font SIZE="3" COLOR="#008000">-- At bottom, stipple filled polygon </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Stipple</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">stipple</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.FILL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw two beziers at bottom-left </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.BEZIER</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p>
+<p><font SIZE="3" COLOR="#008000">-- Draw the image on the top-right corner but
+increasing its actual size, and uses its full area </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PutImageRectRGBA</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">imagergba</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">400</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">310</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3">IMAGE_SIZE</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3">IMAGE_SIZE</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p>
+<p><font SIZE="3" COLOR="#008000">-- Adds a new page, or </p>
+<p>-- flushes the file, or</p>
+<p>-- flushes the screen, or</p>
+<p>-- swap the double buffer. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Flush</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+</div>
+<font SIZE="3" COLOR="#ff00ff">
+<p><font SIZE="3" COLOR="#0000ff">end</font>
+</font></p>
+
+
+
+
+</body>
+
+</html>