summaryrefslogtreecommitdiff
path: root/html/en
diff options
context:
space:
mode:
Diffstat (limited to 'html/en')
-rw-r--r--html/en/func/lines.html6
-rw-r--r--html/en/history.html2
-rw-r--r--html/en/screenshots.html66
-rw-r--r--html/en/screenshots_src_c.html865
4 files changed, 918 insertions, 21 deletions
diff --git a/html/en/func/lines.html b/html/en/func/lines.html
index 6ba78d7..cbea432 100644
--- a/html/en/func/lines.html
+++ b/html/en/func/lines.html
@@ -108,10 +108,10 @@ canvas:LineStyle(style: <em>number</em>) -&gt; (old_style: <em>number</em>) [in
canvas:LineStyleDashes(dashes: table, count: number) -&gt; (old_style: number) [in Lua]</pre>
- <p>Defines the custom line style dashes. The first value is the lenght of the
- first dash, the second value is the leght of the first space, and so on. For
+ <p>Defines the custom line style dashes. The first value is the length of the
+ first dash, the second value is the length of the first space, and so on. For
example: &quot;10 2 5 2&quot; means dash size 10, space size 2, dash size 5, space size
- 2, and repeats the pattern. </p>
+ 2, and repeats the pattern. Sizes are in pixels.</p>
<pre class="function"><span class="mainFunction">int <a name="cdLineWidth">cdCanvasLineWidth</a>(cdCanvas* canvas, int width); [in C]<br></span>double wdCanvasLineWidth(cdCanvas* canvas, double width_mm); (WC) [in C]
diff --git a/html/en/history.html b/html/en/history.html
index ff197bb..78ac63e 100644
--- a/html/en/history.html
+++ b/html/en/history.html
@@ -73,6 +73,8 @@
<li><span class="hist_fixed">Fixed:</span> missed implementation for
CD_DEBUG, CD_PICTURE and CD_DBUFFERRGB in Lua.</li>
<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>
</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 38616c1..d8b3c28 100644
--- a/html/en/screenshots.html
+++ b/html/en/screenshots.html
@@ -10,14 +10,33 @@
border-style: solid;
border-width: 1px;
}
+.style5 {
+ text-align: left;
+}
</style>
</head>
<body>
<h2 align="center" style="text-align:center">Screenshots</h2>
-
-
-<h4><a href="drv/native.html">CD_NATIVEWINDOW</a></h4>
+<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
+primitives and attributes, the canvas initialization is simply:</p>
+<pre>cdCanvas* canvas = <strong>canvas = cdCreateCanvas</strong>(ctx, data);
+
+<a href="screenshots_src_c.html">SimpleDraw</a>(canvas);
+
+/* Destroys the canvas and releases internal memory,
+ important for file based drivers to close the file. */
+<strong>cdKillCanvas</strong>(canvas);
+</pre>
+<h4><a href="drv/native.html">CD_NATIVEWINDOW</a> or <a href="drv/iup.html">
+CD_IUP</a></h4>
+<pre>Ihandle* cnv = <strong>IupCanvas</strong>(NULL);
+<strong>cdInitContextPlus</strong>();
+...
+if (contextplus) <strong>cdUseContextPlus</strong>(1);
+canvas = <strong>cdCreateCanvas</strong>(CD_IUP, cnv);
+if (contextplus) <strong>cdUseContextPlus</strong>(0);</pre>
<table align="center">
@@ -28,10 +47,10 @@
<tr>
<td>
<a href="../screenshots/cd_nativewindow_win32.png">
- <img src="../screenshots/cd_nativewindow_win32_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_win32.png" width="400" height="293" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_nativewindow_win32_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_win32.png" width="400" height="293" class="style4" ></a></td>
<td>
<a href="../screenshots/cd_nativewindow_gdiplus.png">
- <img src="../screenshots/cd_nativewindow_gdiplus_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_gdiplus.png" width="400" height="293" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_nativewindow_gdiplus_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_gdiplus.png" width="400" height="293" class="style4" ></a></td>
</tr>
<tr>
<th><a href="drv/xwin.html">X11</a></th>
@@ -40,7 +59,7 @@
<tr>
<td>
<a href="../screenshots/cd_nativewindow_x11.png">
- <img src="../screenshots/cd_nativewindow_x11_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_x11.png" width="400" height="264" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_nativewindow_x11_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_x11.png" width="400" height="264" class="style4" ></a></td>
<td><img src="../screenshots/cd_nativewindow_xrender.png"></td>
</tr>
<tr>
@@ -50,30 +69,31 @@
<tr>
<td>
<a href="../screenshots/cd_nativewindow_gdk.png">
- <img src="../screenshots/cd_nativewindow_gdk_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_gdk.png" width="400" height="263" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_nativewindow_gdk_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_gdk.png" width="400" height="263" class="style4" ></a></td>
<td>
<a href="../screenshots/cd_nativewindow_cairo.png">
- <img src="../screenshots/cd_nativewindow_cairo_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_cairo.png" width="400" height="263" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_nativewindow_cairo_small.png" xthumbnail-orig-image="../screenshots/cd_nativewindow_cairo.png" width="400" height="263" class="style4" ></a></td>
</tr>
</table>
<h4><a href="drv/irgb.html">CD_IMAGERGB</a></h4>
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_IMAGERGB, &quot;1280x938&quot;);</pre>
<table align="center">
<tr>
<td>
<a href="../screenshots/cd_imagergb.png">
- <img src="../screenshots/cd_imagergb_small.png" xthumbnail-orig-image="../screenshots/cd_imagergb.png" width="400" height="293" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_imagergb_small.png" xthumbnail-orig-image="../screenshots/cd_imagergb.png" width="400" height="293" class="style4" ></a></td>
</tr>
</table>
<h4><a href="drv/pdf.html">CD_PDF</a></h4>
-
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_PDF, &quot;cd_pdf.pdf -w270.933 -h198.543 -s120&quot;);</pre>
<table align="center">
<tr>
<td>
<a href="../screenshots/cd_pdf_acrobatreader.png">
- <img src="../screenshots/cd_pdf_acrobatreader_small.png" xthumbnail-orig-image="../screenshots/cd_pdf_acrobatreader.png" width="400" height="293" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_pdf_acrobatreader_small.png" xthumbnail-orig-image="../screenshots/cd_pdf_acrobatreader.png" width="400" height="293" class="style4" ></a></td>
</tr>
<tr>
<td><a href="../screenshots/cd_pdf.pdf">cd_pdf.pdf</a></td>
@@ -81,12 +101,13 @@
</table>
<h4><a href="drv/ps.html">CD_PS</a></h4>
-
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_PS, &quot;cd_ps.ps -l0 -r0 -t0 -b0 -w270.933 -h198.543 -s120&quot;);
+canvas = <strong>cdCreateCanvas</strong>(CD_PS, &quot;cd_ps.eps -e -w270.933 -h198.543 -s120&quot;);</pre>
<table align="center">
<tr>
<td>
<a href="../screenshots/cd_ps_ghostscript.png">
- <img src="../screenshots/cd_ps_ghostscript_small.png" xthumbnail-orig-image="../screenshots/cd_ps_ghostscript.png" width="400" height="293" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_ps_ghostscript_small.png" xthumbnail-orig-image="../screenshots/cd_ps_ghostscript.png" width="400" height="293" class="style4" ></a></td>
</tr>
<tr>
<td><a href="../screenshots/cd_ps.ps">cd_ps.ps</a></td>
@@ -97,12 +118,12 @@
</table>
<h4><a href="drv/svg.html">CD_SVG</a></h4>
-
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_SVG, &quot;cd_svg.svg 270.933x198.543 4.72441&quot;);</pre>
<table align="center">
<tr>
<td>
<a href="../screenshots/cd_svg_firefox.png">
- <img src="../screenshots/cd_svg_firefox_small.png" xthumbnail-orig-image="../screenshots/cd_svg_firefox.png" width="400" height="291" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_svg_firefox_small.png" xthumbnail-orig-image="../screenshots/cd_svg_firefox.png" width="400" height="291" class="style4" ></a></td>
</tr>
<tr>
<td><a href="../screenshots/cd_svg.svg">cd_svg.svg</a></td>
@@ -110,7 +131,7 @@
</table>
<h4><a href="drv/emf.html">CD_EMF</a></h4>
-
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_EMF, &quot;cd_emf.emf 1280x938&quot;);</pre>
<table align="center">
<tr>
<th>Win32</th>
@@ -121,12 +142,12 @@
<a href="../screenshots/cd_emf_win32_powerpoint.png">
- <img src="../screenshots/cd_emf_win32_powerpoint_small.png" xthumbnail-orig-image="../screenshots/cd_emf_win32_powerpoint.png" width="400" height="297" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_emf_win32_powerpoint_small.png" xthumbnail-orig-image="../screenshots/cd_emf_win32_powerpoint.png" width="400" height="297" class="style4" ></a></td>
<td>
<a href="../screenshots/cd_emf_gdiplus_powerpoint.png">
- <img src="../screenshots/cd_emf_gdiplus_powerpoint_small.png" xthumbnail-orig-image="../screenshots/cd_emf_gdiplus_powerpoint.png" width="400" height="295" class="style4" ></a></td>
+ <img src="../screenshots/small/cd_emf_gdiplus_powerpoint_small.png" xthumbnail-orig-image="../screenshots/cd_emf_gdiplus_powerpoint.png" width="400" height="295" class="style4" ></a></td>
</tr>
<tr>
<td><a href="../screenshots/cd_emf_win32.emf">cd_emf_win32.emf</a></td>
@@ -138,16 +159,25 @@
<blockquote>
<p><a href="drv/mf.html">CD_METAFILE</a> -
<a href="../screenshots/cd_metafile.mf">cd_metafile.mf</a></p>
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_METAFILE, &quot;cd_wmf.mf 270.933x198.543 4.72441&quot;);</pre>
<p><a href="drv/debug.html">CD_DEBUG</a> - <a href="../screenshots/cd_debug.txt">
cd_debug.txt</a></p>
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_DEBUG, &quot;cd_debug.txt 270.933x198.543 4.72441&quot;);</pre>
<p><a href="drv/wmf.html">CD_WMF</a> - <a href="../screenshots/cd_wmf.wmf">
cd_wmf.wmf</a></p>
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_WMF, &quot;cd_wmf.wmf 1280x938&quot;);</pre>
<p><a href="drv/cgm.html">CD_CGM</a> - <a href="../screenshots/cd_cgm.cgm">
cd_cgm.cgm</a></p>
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_CGM, &quot;cd_cgm.cgm 270.933x198.543 4.72441&quot;);</pre>
+<p><a href="drv/cgm.html">CD_CGM</a> - <a href="../screenshots/cd_cgm_t.cgm">
+cd_cgm_t.cgm</a>&nbsp; (text mode)</p>
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_CGM, &quot;cd_cgm_t.cgm -t 270.933x198.543 4.72441&quot;);</pre>
<p><a href="drv/dgn.html">CD_DGN</a> - <a href="../screenshots/cd_dgn.dgn">
cd_dgn.dgn</a></p>
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_DGN, &quot;cd_dgn.dgn 270.933x198.543 4.72441&quot;);</pre>
<p><a href="drv/dxf.html">CD_DXF</a> - <a href="../screenshots/cd_dxf.dxf">
cd_dxf.dxf</a></p>
+<pre>canvas = <strong>cdCreateCanvas</strong>(CD_DXF, &quot;cd_dxf.dxf 270.933x198.543 4.72441&quot;);</pre>
</blockquote>
diff --git a/html/en/screenshots_src_c.html b/html/en/screenshots_src_c.html
new file mode 100644
index 0000000..bf33397
--- /dev/null
+++ b/html/en/screenshots_src_c.html
@@ -0,0 +1,865 @@
+<!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;
+}
+.style1 {
+ color: #0000FF;
+}
+.style2 {
+ color: #FF00FF;
+}
+</style>
+</head>
+<body>
+
+<h2 align="center" style="text-align:center">Screenshots C Source Code</h2>
+
+
+
+
+<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>
+</font></p>
+<div style="margin-left: 1.4em">
+<p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">int</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></p>
+<p><font SIZE="3" COLOR="#0000ff">int</font><font SIZE="3"> </font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3">dashes</font><font SIZE="3" COLOR="#ff00ff"><b>;</b>
+</font></p>
+<p><font SIZE="3" COLOR="#0000ff">int</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" COLOR="#0000ff">double</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>&nbsp;</p>
+<p class="style2"><font SIZE="3" COLOR="#008000">/* Get size in pixels to be
+used for computing coordinates. */</font></p><p><font SIZE="3">
+cdCanvasGetSize</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="#ff00ff"><b>&amp;</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>&amp;</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+NULL</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> NULL</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">
+cdCanvasBackground</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_WHITE</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasClear</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</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>&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">
+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">
+cdCanvasLineStyle</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_CONTINUOUS</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">
+cdEncodeAlpha</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">
+cdCanvasRect</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">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">
+cdCanvasBegin</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_OPEN_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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">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">
+cdCanvasVertex</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">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">
+cdCanvasVertex</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">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">
+cdCanvasVertex</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">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">
+cdCanvasVertex</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">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">
+cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</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>&nbsp;&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">
+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"> 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">
+cdCanvasLineStyleDashes</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">
+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">
+cdCanvasLineStyle</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_CUSTOM</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLine</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">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>&nbsp;&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">
+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">10</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLineStyle</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_DOTTED</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLine</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">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">
+cdCanvasLineStyle</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_CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</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></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>&nbsp;&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">
+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_MAGENTA</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasSector</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">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">
+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">
+cdCanvasArc</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">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">
+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_YELLOW</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasBox</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">
+</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">
+cdCanvasTextAlignment</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_CENTER</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasTextOrientation</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">70</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasFont</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="#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>&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><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">
+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">
+CD_RED</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasBegin</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_CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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">
+irect</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">
+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></p><p><font SIZE="3">
+cdCanvasVertex</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">
+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><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></p><p><font SIZE="3">
+cdCanvasVertex</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">
+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><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></p><p><font SIZE="3">
+cdCanvasVertex</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">
+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><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></p><p><font SIZE="3">
+cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</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">
+CD_BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+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></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">/* Prepare World Coordinates */</font></p><p><font SIZE="3">
+wdCanvasViewport</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">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></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+wdCanvasWindow</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">0</font><font SIZE="3" COLOR="#ff00ff"><b>,(</b></font><font SIZE="3" COLOR="#0000ff">double</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="#0000ff">double</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;
+wdCanvasWindow</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">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" COLOR="#0000ff">double</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="#0000ff">double</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">w</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 filled blue rectangle in WC
+*/</font></p><p><font SIZE="3">
+wdCanvasBox</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">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">
+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>&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">
+wdCanvasLine</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">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">
+wdCanvasVectorCharSize</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">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>&nbsp;&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>
+</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></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+wdCanvasGetVectorTextBounds</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="#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><font SIZE="3">
+drect</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;
+wdCanvasGetVectorTextBounds</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="#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><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasBegin</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_CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+wdCanvasVertex</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">
+drect</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">
+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></p><p><font SIZE="3">
+wdCanvasVertex</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">
+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><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></p><p><font SIZE="3">
+wdCanvasVertex</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">
+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><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></p><p><font SIZE="3">
+wdCanvasVertex</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">
+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><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></p><p><font SIZE="3">
+cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</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">2</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLineStyle</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_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></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+wdCanvasVectorText</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">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;
+wdCanvasVectorText</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">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>&nbsp;</p><p><font SIZE="3" COLOR="#008000">/* Reset line width
+*/</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" 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.
+*/</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>
+</font></p><p><font SIZE="3">
+cdCanvasBegin</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_PATH</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasPathSet</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_PATH_MOVETO</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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">
+</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">
+cdCanvasPathSet</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_PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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">
+</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">
+cdCanvasPathSet</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_PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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">
+</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">
+cdCanvasPathSet</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_PATH_CURVETO</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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" 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">
+cdCanvasVertex</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" 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">
+cdCanvasVertex</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" 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">
+cdCanvasPathSet</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_PATH_CURVETO</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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" 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>cdCanvasVertex</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" 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>cdCanvasVertex</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" 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>cdCanvasPathSet</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_PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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" 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">
+cdCanvasPathSet</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_PATH_ARC</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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" 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">
+cdCanvasVertex</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">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">
+cdCanvasVertex</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="#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">
+cdCanvasPathSet</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_PATH_FILL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p>
+<p><font SIZE="3">
+cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</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">
+cdCanvasPixel</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">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">
+cdCanvasPixel</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">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">
+cdCanvasPixel</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">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">
+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">
+cdCanvasMarkSize</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">30</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasMarkType</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_PLUS</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasMark</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">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">
+cdCanvasMarkType</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_CIRCLE</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasMark</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"> </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">
+cdCanvasMarkType</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_HOLLOW_CIRCLE</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasMark</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">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">
+cdCanvasMarkType</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_DIAMOND</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasMark</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"> </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>&nbsp;&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">
+cdCanvasLineStyle</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_CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLine</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">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">
+cdCanvasLineStyle</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_DASHED</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLine</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">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">
+cdCanvasLineStyle</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_DOTTED</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLine</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">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">
+cdCanvasLineStyle</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_DASH_DOT</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLine</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">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">
+cdCanvasLineStyle</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_DASH_DOT_DOT</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasLine</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">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>&nbsp;&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">
+
+<p>cdCanvasBox</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">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">
+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_FDIAGONAL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasBox</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">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">
+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_BDIAGONAL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasBox</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">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">
+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_CROSS</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasBox</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">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">
+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_HORIZONTAL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasBox</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">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">
+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_DIAGCROSS</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasBox</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">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>&nbsp;&nbsp;&nbsp; at top, bottom, left, right, </p>
+<p>&nbsp;&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">
+cdCanvasBegin</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_CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasVertex</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">
+</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>cdCanvasVertex</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"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasVertex</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">
+</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>cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</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">
+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_DIAGCROSS</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasBegin</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_FILL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</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">
+cdCanvasPattern</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">
+STYLE_SIZE</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+STYLE_SIZE</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">
+cdCanvasBegin</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_FILL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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"> </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>cdCanvasVertex</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"> </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>cdCanvasVertex</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"> </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>cdCanvasVertex</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"> </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>cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</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">
+cdCanvasStipple</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">
+STYLE_SIZE</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+STYLE_SIZE</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">
+cdCanvasBegin</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_FILL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasVertex</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">
+</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>cdCanvasVertex</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">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
+
+<p>cdCanvasVertex</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">
+</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>cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</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">
+cdCanvasBegin</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_BEZIER</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font></p><p><font SIZE="3">
+cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasVertex</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">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>cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</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">
+cdCanvasPutImageRectRGBA</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">
+IMAGE_SIZE</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">
+red</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> green</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+blue</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> alpha</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>&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">
+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>
+<font SIZE="3" COLOR="#ff00ff"><b>
+<p>}</b>
+</font></p>
+
+
+
+
+</body>
+
+</html>