summaryrefslogtreecommitdiff
path: root/html/en/screenshots_src_lua.html
diff options
context:
space:
mode:
Diffstat (limited to 'html/en/screenshots_src_lua.html')
-rw-r--r--html/en/screenshots_src_lua.html686
1 files changed, 686 insertions, 0 deletions
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>