summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorscuri <scuri>2010-06-18 14:41:54 +0000
committerscuri <scuri>2010-06-18 14:41:54 +0000
commitd117dc8f75933e4e2b780afbb2f50756c140bdea (patch)
tree0afd7bbdb7bfe855f2fce18aaa7c60cebe1c8041
parent370b2c90cfdfa99a13725e4d63d5a0158a140815 (diff)
*** empty log message ***
-rw-r--r--html/en/func/text.html4
-rw-r--r--html/en/history.html3
-rw-r--r--html/en/screenshots.html5
-rw-r--r--html/en/screenshots_src_c.html52
-rw-r--r--html/en/screenshots_src_lua.html686
-rw-r--r--html/examples/simpledraw.lua345
-rw-r--r--html/wb/wb_usr.lua4
-rw-r--r--html/wb_search.txt19
-rw-r--r--html/wb_tree.html399
-rw-r--r--src/cairo/cdcairo.def1
-rw-r--r--src/cd.def1
-rw-r--r--src/cdcairo.mak6
-rw-r--r--src/lua5/cdlua5_canvas.c38
13 files changed, 1308 insertions, 255 deletions
diff --git a/html/en/func/text.html b/html/en/func/text.html
index f3399dc..12a54cd 100644
--- a/html/en/func/text.html
+++ b/html/en/func/text.html
@@ -171,8 +171,8 @@ canvas:wGetTextSize(text: string) -&gt; (width, heigth: number) (WC) [in Lua]</p
<pre class="function"><span class="mainFunction">void <a name="cdTextBounds">cdCanvasGetTextBounds</a>(cdCanvas* canvas, int x, int y, const char *text, int *rect); [in C]</span>
void wdCanvasGetTextBounds(cdCanvas* canvas, double x, double y, const char* text, double *rect); (WC) [in C]
-canvas:GetTextBounds(x, y: number, text: string) -&gt; (rect0, rect1, rect2, rect3, rect4, rect5, rect6, rect7: number) [in Lua]
-canvas:wGetTextBounds(x, y: number, text: string) -&gt; (rect0, rect1, rect2, rect3, rect4, rect5, rect6, rect7: number) (WC) [in Lua]</pre>
+canvas:GetTextBounds(x, y: number, text: string) -&gt; (rect: table) [in Lua]
+canvas:wGetTextBounds(x, y: number, text: string) -&gt; (rect: table) (WC) [in Lua]</pre>
<p>Returns the oriented bounding rectangle occupied by a text at a given
position. The rectangle has the same dimentions returned by <strong>
diff --git a/html/en/history.html b/html/en/history.html
index 78ac63e..0acfaad 100644
--- a/html/en/history.html
+++ b/html/en/history.html
@@ -75,6 +75,9 @@
<li><span class="hist_fixed">Fixed:</span> Chord in PDF driver.</li>
<li><span class="hist_fixed">Fixed:</span> custom line style sizes in CD_PDF
and CD_PS drivers to match behavior of other drivers.</li>
+ <li><span class="hist_fixed">Fixed:</span> cd.<strong>GetTextBounds</strong>
+ and cd.<strong>wGetTextBounds</strong> to return the correct values and in a
+ table in Lua.</li>
</ul>
<h3><a href="http://sourceforge.net/projects/canvasdraw/files/5.3/">Version 5.3</a> (26/Jan/2010)</h3>
<ul>
diff --git a/html/en/screenshots.html b/html/en/screenshots.html
index d8b3c28..1d1968a 100644
--- a/html/en/screenshots.html
+++ b/html/en/screenshots.html
@@ -19,9 +19,10 @@
<h2 align="center" style="text-align:center">Screenshots</h2>
<p class="style5">All the screenshots here were generated with the same
-<a href="screenshots_src_c.html">C source code</a>. The code contains only the
+<a href="screenshots_src_c.html">C source code</a>. The same example is
+available in <a href="screenshots_src_lua.html">Lua source code</a>. The code contains only the
primitives and attributes, the canvas initialization is simply:</p>
-<pre>cdCanvas* canvas = <strong>canvas = cdCreateCanvas</strong>(ctx, data);
+<pre>cdCanvas* canvas = <strong>cdCreateCanvas</strong>(ctx, data);
<a href="screenshots_src_c.html">SimpleDraw</a>(canvas);
diff --git a/html/en/screenshots_src_c.html b/html/en/screenshots_src_c.html
index bf33397..ec9f24a 100644
--- a/html/en/screenshots_src_c.html
+++ b/html/en/screenshots_src_c.html
@@ -9,6 +9,7 @@
p {
margin-top: 0;
margin-bottom: 0;
+ font-family: "Courier New", Courier, monospace;
}
.style1 {
color: #0000FF;
@@ -16,6 +17,12 @@
.style2 {
color: #FF00FF;
}
+.style3 {
+ font-family: Arial, Helvetica, sans-serif;
+}
+.style4 {
+ text-align: left;
+}
</style>
</head>
<body>
@@ -25,6 +32,13 @@
+<p class="style4"><span class="style3">Get the source code here: </span>
+<a href="../download/simple.zip">simple.zip</a>.</p>
+<p align="center" class="style4">&nbsp;</p>
+
+
+
+
<p><font SIZE="3"> <span class="style1">void</span> SimpleDraw</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cdCanvas</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3">
canvas</font><font SIZE="3" COLOR="#ff00ff"><b>)</p>
<p>{</b>
@@ -56,9 +70,9 @@ cdCanvasClear</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3"
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw a reactangle and a polyline at
the bottom-left area,</p>
-<p>&nbsp;&nbsp;&nbsp; using a thick line with transparency.</p>
-<p>&nbsp;&nbsp;&nbsp; Notice that transparency is only supported in a few drivers,</p>
-<p>&nbsp;&nbsp;&nbsp; and line join is not supported in the IMAGERGB driver. */</p></font><p><font SIZE="3">
+<p>&nbsp;&nbsp; using a thick line with transparency.</p>
+<p>&nbsp;&nbsp; Notice that transparency is only supported in a few drivers,</p>
+<p>&nbsp;&nbsp; and line join is not supported in the IMAGERGB driver. */</p></font><p><font SIZE="3">
cdCanvasLineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
</font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -103,7 +117,7 @@ cdCanvasEnd</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">c
<p></font><font SIZE="3" COLOR="#008000">/* Draw the red diagonal line with a
custom line style. </p>
-<p>&nbsp;&nbsp;&nbsp; Notice that line styles are not supported in the IMAGERGB driver. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that line styles are not supported in the IMAGERGB driver. */</font></p><p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_RED</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -134,7 +148,7 @@ h</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw the blue diagonal line with a
pre-defined line style.</p>
-<p>&nbsp;&nbsp;&nbsp; Notice that the pre-defined line style is dependent on the driver. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that the pre-defined line style is dependent on the driver. */</font></p><p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -160,7 +174,7 @@ cdCanvasLineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE
<p></font><font SIZE="3" COLOR="#008000">/* Draw an arc at bottom-left, and a
sector at bottom-right.</p>
-<p>&nbsp;&nbsp;&nbsp; Notice that counter-clockwise orientation of both. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that counter-clockwise orientation of both. */</font></p><p><font SIZE="3">
cdCanvasInteriorStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_SOLID</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -222,13 +236,13 @@ CD_BOLD</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw text at center, with
orientation, </p>
-<p>&nbsp;&nbsp;&nbsp; and draw its bounding box. </p>
-<p>&nbsp;&nbsp;&nbsp; Notice that in some drivers the bounding box is not precise. */</font></p>
+<p>&nbsp;&nbsp; and draw its bounding box. </p>
+<p>&nbsp;&nbsp; Notice that in some drivers the bounding box is not precise. */</font></p>
<p><font SIZE="3">
cdCanvasGetTextBounds</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
-</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw ()&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw (ηγν)&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
irect</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
@@ -262,7 +276,7 @@ CD_BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
cdCanvasText</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
-</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw ()&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
+</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw (ηγν)&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p>
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Prepare World Coordinates */</font></p><p><font SIZE="3">
@@ -309,7 +323,7 @@ wdCanvasVectorCharSize</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font
</font></p><p>&nbsp;</p>
<p><font SIZE="3" COLOR="#008000">/* Draw vector text, and draw its
bounding box. </p>
-<p>&nbsp;&nbsp;&nbsp; We also use this text to show when we are using a contextplus driver. */</font></p>
+<p>&nbsp;&nbsp; We also use this text to show when we are using a contextplus driver. */</font></p>
<p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_RED</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
@@ -383,7 +397,7 @@ cdCanvasLineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE
</font></p><p><font SIZE="3" COLOR="#ff00ff">&nbsp;</font></p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw a filled path at center-right
(looks like a weird fish). </p>
-<p>&nbsp;&nbsp;&nbsp; Notice that in PDF the arc is necessarily a circle arc, and not an ellipse.
+<p>&nbsp;&nbsp; Notice that in PDF the arc is necessarily a circle arc, and not an ellipse.
*/</font></p><p><font SIZE="3">
cdCanvasForeground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_GREEN</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
@@ -544,7 +558,7 @@ h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw all the line style
possibilities at bottom. </p>
-<p>&nbsp;&nbsp;&nbsp; Notice that they have some small differences between drivers. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that they have some small differences between drivers. */</font></p><p><font SIZE="3">
cdCanvasLineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
</font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p><p><font SIZE="3">
@@ -596,7 +610,7 @@ w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw all the hatch style
possibilities in the top-left corner.</p>
-<p>&nbsp;&nbsp;&nbsp; Notice that they have some small differences between drivers. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; Notice that they have some small differences between drivers. */</font></p><p><font SIZE="3">
cdCanvasHatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
CD_VERTICAL</font><font SIZE="3" COLOR="#ff00ff"><b>);</b></font></p><font SIZE="3">
@@ -659,8 +673,8 @@ h</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p>
<p>&nbsp;</p><p><font SIZE="3">
</font><font SIZE="3" COLOR="#008000">/* Draw 4 regions, in diamond shape,</p>
-<p>&nbsp;&nbsp;&nbsp; at top, bottom, left, right, </p>
-<p>&nbsp;&nbsp;&nbsp; using different interior styles. <font SIZE="3" COLOR="#008000">
+<p>&nbsp;&nbsp; at top, bottom, left, right, </p>
+<p>&nbsp;&nbsp; using different interior styles. <font SIZE="3" COLOR="#008000">
*/</font></p>
<p>&nbsp;</p>
<p>/* At top, not filled polygon, notice that the last line style is used. */</font></p><p><font SIZE="3">
@@ -847,9 +861,9 @@ h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
</font></p>
<p>&nbsp;</p>
<p><font SIZE="3" COLOR="#008000">/* Adds a new page, or </p>
-<p>&nbsp;&nbsp;&nbsp; flushes the file, or</p>
-<p>&nbsp;&nbsp;&nbsp; flushes the screen, or</p>
-<p>&nbsp;&nbsp;&nbsp; swap the double buffer. */</font></p><p><font SIZE="3">
+<p>&nbsp;&nbsp; flushes the file, or</p>
+<p>&nbsp;&nbsp; flushes the screen, or</p>
+<p>&nbsp;&nbsp; swap the double buffer. */</font></p><p><font SIZE="3">
cdCanvasFlush</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">canvas</font><font SIZE="3" COLOR="#ff00ff"><b>);</b>
</font></p>
</div>
diff --git a/html/en/screenshots_src_lua.html b/html/en/screenshots_src_lua.html
new file mode 100644
index 0000000..2243414
--- /dev/null
+++ b/html/en/screenshots_src_lua.html
@@ -0,0 +1,686 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
+<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<head>
+<meta http-equiv="Content-Language" content="en-us">
+<title>Screenshots C Source Code</title>
+<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
+<link rel="stylesheet" type="text/css" href="../style.css">
+<style type="text/css">
+ p {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: "Courier New", Courier, monospace;
+}
+.style1 {
+ color: #0000FF;
+}
+.style2 {
+ color: #FF00FF;
+}
+.style3 {
+ text-align: left;
+}
+.style4 {
+ text-align: left;
+ font-family: Arial, Helvetica, sans-serif;
+}
+</style>
+</head>
+<body>
+
+<h2 align="center" style="text-align:center">Screenshots Lua Source Code</h2>
+<p align="center" class="style4">Get the source code here:
+<a href="../examples/simpledraw.lua">simpledraw.lua</a>.</p>
+<p align="center" class="style3">&nbsp;</p>
+
+
+
+
+<p><font SIZE="3"> <span class="style1">function</span> SimpleDraw</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">)</font></p>
+<div style="margin-left: 1.4em">
+<p class="style2"><font SIZE="3" COLOR="#008000">-- Get size in pixels to be
+used for computing coordinates. </font></p><p><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h = canvas</font><font SIZE="3" COLOR="#ff00ff"><b>:</b></font><font SIZE="3">GetSize</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p><p></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Clear the background to be white </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Background</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.WHITE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Clear</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw a reactangle and a polyline at
+the bottom-left area,</p>
+<p>-- using a thick line with transparency.</p>
+<p>-- Notice that transparency is only supported in a few drivers,</p>
+<p>-- and line join is not supported in the IMAGERGB driver. </p></font><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.EncodeAlpha</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DARK_MAGENTA</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">128</font><font SIZE="3" COLOR="#ff00ff"><b>))</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Rect</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.OPEN_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">320</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">270</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">350</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">260</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">340</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">310</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">210</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b></font><font SIZE="3" COLOR="#ff00ff">
+</font></p><p></p><font SIZE="3">
+
+<p></font><font SIZE="3" COLOR="#008000">-- Draw the red diagonal line with a
+custom line style. </p>
+<p>-- Notice that line styles are not supported in the IMAGERGB driver. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3"> dashes</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>=</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#ff00ff"><b>{</b></font><font SIZE="3" COLOR="#800000">20</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">15</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">5</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">5</font><font SIZE="3" COLOR="#ff00ff"><b>}</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyleDashes</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">dashes</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">4</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CUSTOM</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw the blue diagonal line with a
+pre-defined line style.</p>
+<p>-- Notice that the pre-defined line style is dependent on the driver. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">10</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DOTTED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p>&nbsp;</p>
+<p><font SIZE="3" COLOR="#008000">-- Reset line style and width </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p></p><font SIZE="3">
+
+<p></font><font SIZE="3" COLOR="#008000">-- Draw an arc at bottom-left, and a
+sector at bottom-right.</p>
+<p>-- Notice that counter-clockwise orientation of both. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>InteriorStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.SOLID</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.MAGENTA</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Sector</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Arc</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw a solid filled rectangle at
+center. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.YELLOW</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p>
+<p>&nbsp;</p><font SIZE="3">
+
+<p></font><font SIZE="3" COLOR="#008000">-- Prepare font for text. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>TextAlignment</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CENTER</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>TextOrientation</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">70</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Font</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#a31515">&quot;Times&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+cd.BOLD</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">24</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw text at center, with
+orientation, </p>
+<p>-- and draw its bounding box. </p>
+<p>-- Notice that in some drivers the bounding box is not precise. </font></p>
+<p><font SIZE="3">
+irect = canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>GetTextBounds</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw (ηγν)&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">4</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">5</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">6</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">7</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+irect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">8</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Text</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;cdMin Draw (ηγν)&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Prepare World Coordinates </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wViewport</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">if</font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>&gt;</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font><font SIZE="3" COLOR="#0000ff">then</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wWindow</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">else</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wWindow</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3" COLOR="#0000ff">end</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw a filled blue rectangle in WC </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wBox</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.20</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.30</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.40</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw the diagonal of that rectangle in
+WC </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wLine</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.20</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.40</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.30</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Prepare Vector Text in WC. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVectorCharSize</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.07</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p>&nbsp;</p>
+<p><font SIZE="3" COLOR="#008000">-- Draw vector text, and draw its
+bounding box. </p>
+<p>-- We also use this text to show when we are using a contextplus driver. </font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">if</font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">contextplus</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font><font SIZE="3" COLOR="#0000ff">then</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+drect = canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wGetVectorTextBounds</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#a31515">&quot;WDj-Plus&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.25</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.35</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">else</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+drect = canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wGetVectorTextBounds</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#a31515">&quot;WDj&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.25</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.35</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p>
+<p><font SIZE="3" COLOR="#0000ff">end</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">4</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">5</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">6</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">7</font><font SIZE="3" COLOR="#ff00ff"><b>],</b></font><font SIZE="3">
+drect</font><font SIZE="3" COLOR="#ff00ff"><b>[</b></font><font SIZE="3" COLOR="#800000">8</font><font SIZE="3" COLOR="#ff00ff"><b>])</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">if</font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">contextplus</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font><font SIZE="3" COLOR="#0000ff">then</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVectorText</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.25</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.35</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;WDj-Plus&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#0000ff">else</font></p><p><font SIZE="3">
+&nbsp;&nbsp;&nbsp;
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>wVectorText</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0.25</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0.35</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#a31515">&quot;WDj&quot;</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3" COLOR="#0000ff">end</font></p>
+<p>&nbsp;</p><p><font SIZE="3" COLOR="#008000">-- Reset line width </font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3" COLOR="#ff00ff">&nbsp;</font></p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw a filled path at center-right
+(looks like a weird fish). </p>
+<p>-- Notice that in PDF the arc is necessarily a circle arc, and not an
+ellipse. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.GREEN</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_MOVETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">230</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_CURVETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- control point for start </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- control point for end </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- end point </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_CURVETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_LINETO</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_ARC</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- center </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- width, height </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">30</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3" COLOR="#800000">1000</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3" COLOR="#800000">170</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3" COLOR="#800000">1000</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- start angle, end angle (degrees / 1000) </p>
+</font>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PathSet</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PATH_FILL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw 3 pixels at center left. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Pixel</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">10</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Pixel</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">11</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+cd.GREEN</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Pixel</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">12</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+cd.BLUE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw 4 mark types, distributed near
+each corner. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Foreground</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.RED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkSize</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">30</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkType</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.PLUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Mark</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkType</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CIRCLE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Mark</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkType</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.HOLLOW_CIRCLE</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Mark</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>MarkType</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DIAMOND</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Mark</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw all the line style
+possibilities at bottom. </p>
+<p>-- Notice that they have some small differences between drivers. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineWidth</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">1</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CONTINUOUS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">10</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">10</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DASHED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">20</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">20</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DOTTED</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">30</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">30</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DASH_DOT</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">40</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">40</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>LineStyle</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DASH_DOT_DOT</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Line</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw all the hatch style
+possibilities in the top-left corner.</p>
+<p>-- Notice that they have some small differences between drivers. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.VERTICAL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.FDIAGONAL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.BDIAGONAL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CROSS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.HORIZONTAL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DIAGCROSS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Box</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">60</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw 4 regions, in diamond shape,</p>
+<p>-- at top, bottom, left, right, </p>
+<p>-- using different interior styles. <font SIZE="3" COLOR="#008000">
+</font></p>
+<p>&nbsp;</p>
+<p>-- At top, not filled polygon, notice that the last line style is used. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.CLOSED_LINES</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- At left, hatch filled polygon </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Hatch</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.DIAGCROSS</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.FILL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b></font><font SIZE="3" COLOR="#ff00ff">
+</font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- At right, pattern filled polygon </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Pattern</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">pattern</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.FILL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p><p></p><font SIZE="3">
+
+<p></font><font SIZE="3" COLOR="#008000">-- At bottom, stipple filled polygon </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Stipple</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">stipple</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.FILL</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>+</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">w</font><font SIZE="3" COLOR="#ff00ff"><b>/</b></font><font SIZE="3" COLOR="#800000">2</font><font SIZE="3">
+</font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">50</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p><p><font SIZE="3">
+</font><font SIZE="3" COLOR="#008000">-- Draw two beziers at bottom-left </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Begin</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">cd.BEZIER</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">250</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">200</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">180</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">150</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Vertex</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3" COLOR="#800000">300</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">100</font><font SIZE="3" COLOR="#ff00ff"><b>)</b></font></p><font SIZE="3">
+
+<p>canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>End</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+<p>&nbsp;</p>
+<p><font SIZE="3" COLOR="#008000">-- Draw the image on the top-right corner but
+increasing its actual size, and uses its full area </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>PutImageRectRGBA</font><font SIZE="3" COLOR="#ff00ff"><b>(</b></font><font SIZE="3">imagergba</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+w </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">400</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+h </font><font SIZE="3" COLOR="#ff00ff"><b>-</b></font><font SIZE="3"> </font>
+<font SIZE="3" COLOR="#800000">310</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3">IMAGE_SIZE</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">3</font><font SIZE="3" COLOR="#ff00ff"><b>*</b></font><font SIZE="3">IMAGE_SIZE</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>,</b></font><font SIZE="3">
+</font><font SIZE="3" COLOR="#800000">0</font><font SIZE="3" COLOR="#ff00ff"><b>)</b>
+</font></p>
+<p>&nbsp;</p>
+<p><font SIZE="3" COLOR="#008000">-- Adds a new page, or </p>
+<p>-- flushes the file, or</p>
+<p>-- flushes the screen, or</p>
+<p>-- swap the double buffer. </font></p><p><font SIZE="3">
+canvas<font SIZE="3" COLOR="#ff00ff"><b>:</b></font>Flush</font><font SIZE="3" COLOR="#ff00ff"><b>()</b> </font></p>
+</div>
+<font SIZE="3" COLOR="#ff00ff">
+<p><font SIZE="3" COLOR="#0000ff">end</font>
+</font></p>
+
+
+
+
+</body>
+
+</html>
diff --git a/html/examples/simpledraw.lua b/html/examples/simpledraw.lua
new file mode 100644
index 0000000..cd6f77f
--- /dev/null
+++ b/html/examples/simpledraw.lua
@@ -0,0 +1,345 @@
+require"cdlua"
+
+STYLE_SIZE = 10
+pattern = cd.CreatePattern(STYLE_SIZE, STYLE_SIZE)
+stipple = cd.CreateStipple(STYLE_SIZE, STYLE_SIZE)
+
+for p = 0, STYLE_SIZE*STYLE_SIZE-1 do
+ pattern[p] = cd.WHITE
+end
+
+pattern[11] = cd.RED
+pattern[21] = cd.RED
+pattern[31] = cd.RED
+pattern[41] = cd.RED
+pattern[51] = cd.RED
+pattern[12] = cd.RED
+pattern[22] = cd.RED
+pattern[32] = cd.RED
+pattern[42] = cd.RED
+pattern[52] = cd.RED
+pattern[13] = cd.RED
+pattern[23] = cd.RED
+pattern[33] = cd.RED
+pattern[43] = cd.RED
+pattern[53] = cd.RED
+pattern[14] = cd.RED pattern[15] = cd.RED
+pattern[24] = cd.RED pattern[25] = cd.RED
+pattern[34] = cd.RED pattern[35] = cd.RED
+pattern[44] = cd.RED pattern[45] = cd.RED
+pattern[54] = cd.RED pattern[55] = cd.RED
+
+pattern[26] = cd.BLUE pattern[37] = cd.BLUE
+pattern[36] = cd.BLUE pattern[47] = cd.BLUE
+pattern[46] = cd.BLUE pattern[57] = cd.BLUE
+pattern[56] = cd.BLUE pattern[67] = cd.BLUE
+
+pattern[48] = cd.BLUE pattern[62] = cd.GREEN
+pattern[58] = cd.BLUE pattern[63] = cd.GREEN
+pattern[68] = cd.BLUE pattern[64] = cd.GREEN
+pattern[78] = cd.BLUE pattern[65] = cd.GREEN
+ pattern[66] = cd.GREEN
+
+pattern[73] = cd.GREEN pattern[84] = cd.GREEN
+pattern[74] = cd.GREEN pattern[85] = cd.GREEN
+pattern[75] = cd.GREEN pattern[86] = cd.GREEN
+pattern[76] = cd.GREEN pattern[87] = cd.GREEN
+pattern[77] = cd.GREEN pattern[88] = cd.GREEN
+
+-- initialize the stipple buffer with cross pattern
+for l = 0, STYLE_SIZE-1 do
+ for c = 0, STYLE_SIZE-1 do
+ if ((c % 4) == 0) then
+ stipple[l*STYLE_SIZE + c] = 1
+ else
+ stipple[l*STYLE_SIZE + c] = 0
+ end
+ end
+end
+
+IMAGE_SIZE = 100
+imagergba = cd.CreateImageRGBA(IMAGE_SIZE, IMAGE_SIZE)
+
+-- initialize the alpha image buffer with a degrade from transparent to opaque
+for l = 0, IMAGE_SIZE-1 do
+ for c = 0, IMAGE_SIZE-1 do
+ if (l == 0 or l == IMAGE_SIZE-1 or c == 0 or c == IMAGE_SIZE-1) then
+ imagergba.r[l*IMAGE_SIZE + c] = 0
+ imagergba.g[l*IMAGE_SIZE + c] = 0
+ imagergba.b[l*IMAGE_SIZE + c] = 0
+ else
+ if (l > IMAGE_SIZE/2) then
+ imagergba.r[l*IMAGE_SIZE + c] = 95
+ imagergba.g[l*IMAGE_SIZE + c] = 143
+ imagergba.b[l*IMAGE_SIZE + c] = 95
+ else
+ imagergba.r[l*IMAGE_SIZE + c] = 255
+ imagergba.g[l*IMAGE_SIZE + c] = 95
+ imagergba.b[l*IMAGE_SIZE + c] = 95
+ end
+ end
+
+ imagergba.a[l*IMAGE_SIZE + c] = (c*255)/(IMAGE_SIZE-1);
+ end
+end
+
+
+function SimpleDraw()
+ -- Get size in pixels to be used for computing coordinates.
+ w, h = canvas:GetSize()
+
+ -- Clear the background to be white
+ canvas:Background(cd.WHITE)
+ canvas:Clear()
+
+ -- Draw a reactangle and a polyline at the bottom-left area,
+ -- using a thick line with transparency.
+ -- Notice that transparency is only supported in a few drivers,
+ -- and line join is not supported in the IMAGERGB driver.
+ canvas:LineWidth(3)
+ canvas:LineStyle(cd.CONTINUOUS)
+ canvas:Foreground(cd.EncodeAlpha(cd.DARK_MAGENTA, 128))
+ canvas:Rect(100, 200, 100, 200)
+ canvas:Begin(cd.OPEN_LINES)
+ canvas:Vertex(300, 250)
+ canvas:Vertex(320, 270)
+ canvas:Vertex(350, 260)
+ canvas:Vertex(340, 200)
+ canvas:Vertex(310, 210)
+ canvas:End()
+
+ -- Draw the red diagonal line with a custom line style.
+ -- Notice that line styles are not supported in the IMAGERGB driver.
+ canvas:Foreground(cd.RED)
+ canvas:LineWidth(3)
+ dashes = {20, 15, 5, 5}
+ canvas:LineStyleDashes(dashes, 4)
+ canvas:LineStyle(cd.CUSTOM)
+ canvas:Line(0, 0, w-1, h-1)
+
+ -- Draw the blue diagonal line with a pre-defined line style.
+ -- Notice that the pre-defined line style is dependent on the driver.
+ canvas:Foreground(cd.BLUE)
+ canvas:LineWidth(10)
+ canvas:LineStyle(cd.DOTTED)
+ canvas:Line(0, h-1, w-1, 0)
+
+ -- Reset line style and width
+ canvas:LineStyle(cd.CONTINUOUS)
+ canvas:LineWidth(1)
+
+ -- Draw an arc at bottom-left, and a sector at bottom-right.
+ -- Notice that counter-clockwise orientation of both.
+ canvas:InteriorStyle(cd.SOLID)
+ canvas:Foreground(cd.MAGENTA)
+ canvas:Sector(w-100, 100, 100, 100, 50, 180)
+ canvas:Foreground(cd.RED)
+ canvas:Arc(100, 100, 100, 100, 50, 180)
+
+ -- Draw a solid filled rectangle at center.
+ canvas:Foreground(cd.YELLOW)
+ canvas:Box(w/2 - 100, w/2 + 100, h/2 - 100, h/2 + 100)
+
+ -- Prepare font for text.
+ canvas:TextAlignment(cd.CENTER)
+ canvas:TextOrientation(70)
+ canvas:Font("Times", cd.BOLD, 24)
+
+ -- Draw text at center, with orientation,
+ -- and draw its bounding box.
+ -- Notice that in some drivers the bounding box is not precise.
+ irect = canvas:GetTextBounds(w/2, h/2, "cdMin Draw (ηγν)")
+ canvas:Foreground(cd.RED)
+ canvas:Begin(cd.CLOSED_LINES)
+ canvas:Vertex(irect[1], irect[2])
+ canvas:Vertex(irect[3], irect[4])
+ canvas:Vertex(irect[5], irect[6])
+ canvas:Vertex(irect[7], irect[8])
+ canvas:End()
+ canvas:Foreground(cd.BLUE)
+ canvas:Text(w/2, h/2, "cdMin Draw (ηγν)")
+
+ -- Prepare World Coordinates
+ canvas:wViewport(0,w-1,0,h-1)
+ if (w>h) then
+ canvas:wWindow(0,w/h,0,1)
+ else
+ canvas:wWindow(0,1,0,h/w)
+ end
+
+ -- Draw a filled blue rectangle in WC
+ canvas:wBox(0.20, 0.30, 0.40, 0.50)
+ canvas:Foreground(cd.RED)
+
+ -- Draw the diagonal of that rectangle in WC
+ canvas:wLine(0.20, 0.40, 0.30, 0.50)
+
+ -- Prepare Vector Text in WC.
+ canvas:wVectorCharSize(0.07)
+
+ -- Draw vector text, and draw its bounding box.
+ -- We also use this text to show when we are using a contextplus driver.
+ canvas:Foreground(cd.RED)
+ if (contextplus) then
+ drect = canvas:wGetVectorTextBounds("WDj-Plus", 0.25, 0.35)
+ else
+ drect = canvas:wGetVectorTextBounds("WDj", 0.25, 0.35)
+ end
+ canvas:Begin(cd.CLOSED_LINES)
+ canvas:wVertex(drect[1], drect[2])
+ canvas:wVertex(drect[3], drect[4])
+ canvas:wVertex(drect[5], drect[6])
+ canvas:wVertex(drect[7], drect[8])
+ canvas:End()
+ canvas:LineWidth(2)
+ canvas:LineStyle(cd.CONTINUOUS)
+ if (contextplus) then
+ canvas:wVectorText(0.25, 0.35, "WDj-Plus")
+ else
+ canvas:wVectorText(0.25, 0.35, "WDj")
+ end
+
+ -- Reset line width
+ canvas:LineWidth(1)
+
+ -- Draw a filled path at center-right (looks like a weird fish).
+ -- Notice that in PDF the arc is necessarily a circle arc, and not an ellipse.
+ canvas:Foreground(cd.GREEN)
+ canvas:Begin(cd.PATH)
+ canvas:PathSet(cd.PATH_MOVETO)
+ canvas:Vertex(w/2 + 200, h/2)
+ canvas:PathSet(cd.PATH_LINETO)
+ canvas:Vertex(w/2 + 230, h/2 + 50)
+ canvas:PathSet(cd.PATH_LINETO)
+ canvas:Vertex(w/2 + 250, h/2 + 50)
+ canvas:PathSet(cd.PATH_CURVETO)
+ canvas:Vertex(w/2+150+150, h/2+200-50) -- control point for start
+ canvas:Vertex(w/2+150+180, h/2+250-50) -- control point for end
+ canvas:Vertex(w/2+150+180, h/2+200-50) -- end point
+ canvas:PathSet(cd.PATH_CURVETO)
+ canvas:Vertex(w/2+150+180, h/2+150-50)
+ canvas:Vertex(w/2+150+150, h/2+100-50)
+ canvas:Vertex(w/2+150+300, h/2+100-50)
+ canvas:PathSet(cd.PATH_LINETO)
+ canvas:Vertex(w/2+150+300, h/2-50)
+ canvas:PathSet(cd.PATH_ARC)
+ canvas:Vertex(w/2+300, h/2) -- center
+ canvas:Vertex(200, 100) -- width, height
+ canvas:Vertex(-30*1000, -170*1000) -- start angle, end angle (degrees / 1000)
+ canvas:PathSet(cd.PATH_FILL)
+ canvas:End()
+
+ -- Draw 3 pixels at center left.
+ canvas:Pixel(10, h/2+0, cd.RED)
+ canvas:Pixel(11, h/2+1, cd.GREEN)
+ canvas:Pixel(12, h/2+2, cd.BLUE)
+
+ -- Draw 4 mark types, distributed near each corner.
+ canvas:Foreground(cd.RED)
+ canvas:MarkSize(30)
+ canvas:MarkType(cd.PLUS)
+ canvas:Mark(200, 200)
+ canvas:MarkType(cd.CIRCLE)
+ canvas:Mark(w - 200, 200)
+ canvas:MarkType(cd.HOLLOW_CIRCLE)
+ canvas:Mark(200, h - 200)
+ canvas:MarkType(cd.DIAMOND)
+ canvas:Mark(w - 200, h - 200)
+
+ -- Draw all the line style possibilities at bottom.
+ -- Notice that they have some small differences between drivers.
+ canvas:LineWidth(1)
+ canvas:LineStyle(cd.CONTINUOUS)
+ canvas:Line(0, 10, w, 10)
+ canvas:LineStyle(cd.DASHED)
+ canvas:Line(0, 20, w, 20)
+ canvas:LineStyle(cd.DOTTED)
+ canvas:Line(0, 30, w, 30)
+ canvas:LineStyle(cd.DASH_DOT)
+ canvas:Line(0, 40, w, 40)
+ canvas:LineStyle(cd.DASH_DOT_DOT)
+ canvas:Line(0, 50, w, 50)
+
+ -- Draw all the hatch style possibilities in the top-left corner.
+ -- Notice that they have some small differences between drivers.
+ canvas:Hatch(cd.VERTICAL)
+ canvas:Box(0, 50, h - 60, h)
+ canvas:Hatch(cd.FDIAGONAL)
+ canvas:Box(50, 100, h - 60, h)
+ canvas:Hatch(cd.BDIAGONAL)
+ canvas:Box(100, 150, h - 60, h)
+ canvas:Hatch(cd.CROSS)
+ canvas:Box(150, 200, h - 60, h)
+ canvas:Hatch(cd.HORIZONTAL)
+ canvas:Box(200, 250, h - 60, h)
+ canvas:Hatch(cd.DIAGCROSS)
+ canvas:Box(250, 300, h - 60, h)
+
+ -- Draw 4 regions, in diamond shape,
+ -- at top, bottom, left, right,
+ -- using different interior styles.
+
+ -- At top, not filled polygon, notice that the last line style is used.
+ canvas:Begin(cd.CLOSED_LINES)
+ canvas:Vertex(w/2, h - 100)
+ canvas:Vertex(w/2 + 50, h - 150)
+ canvas:Vertex(w/2, h - 200)
+ canvas:Vertex(w/2 - 50, h - 150)
+ canvas:End()
+
+ -- At left, hatch filled polygon
+ canvas:Hatch(cd.DIAGCROSS)
+ canvas:Begin(cd.FILL)
+ canvas:Vertex(100, h/2)
+ canvas:Vertex(150, h/2 + 50)
+ canvas:Vertex(200, h/2)
+ canvas:Vertex(150, h/2 - 50)
+ canvas:End()
+
+ -- At right, pattern filled polygon
+ canvas:Pattern(pattern)
+ canvas:Begin(cd.FILL)
+ canvas:Vertex(w - 100, h/2)
+ canvas:Vertex(w - 150, h/2 + 50)
+ canvas:Vertex(w - 200, h/2)
+ canvas:Vertex(w - 150, h/2 - 50)
+ canvas:End()
+
+ -- At bottom, stipple filled polygon
+ canvas:Stipple(stipple)
+ canvas:Begin(cd.FILL)
+ canvas:Vertex(w/2, 100)
+ canvas:Vertex(w/2 + 50, 150)
+ canvas:Vertex(w/2, 200)
+ canvas:Vertex(w/2 - 50, 150)
+ canvas:End()
+
+ -- Draw two beziers at bottom-left
+ canvas:Begin(cd.BEZIER)
+ canvas:Vertex(100, 100)
+ canvas:Vertex(150, 200)
+ canvas:Vertex(180, 250)
+ canvas:Vertex(180, 200)
+ canvas:Vertex(180, 150)
+ canvas:Vertex(150, 100)
+ canvas:Vertex(300, 100)
+ canvas:End()
+
+ -- Draw the image on the top-right corner but increasing its actual size, and uses its full area
+ canvas:PutImageRectRGBA(imagergba, w - 400, h - 310, 3*IMAGE_SIZE, 3*IMAGE_SIZE, 0, 0, 0, 0)
+
+ -- Adds a new page, or
+ -- flushes the file, or
+ -- flushes the screen, or
+ -- swap the double buffer.
+ canvas:Flush()
+end
+
+
+canvas = cd.CreateCanvas(cd.SVG, "cd_svg.svg 270.933x198.543 4.72441")
+
+SimpleDraw(canvas)
+
+-- Destroys the canvas and releases internal memory,
+-- important for file based drivers to close the file.
+canvas:Kill()
diff --git a/html/wb/wb_usr.lua b/html/wb/wb_usr.lua
index 9cb014a..36f55c8 100644
--- a/html/wb/wb_usr.lua
+++ b/html/wb/wb_usr.lua
@@ -84,6 +84,10 @@ wb_usr.tree =
{
name= {en= "C Source Code"},
link= "screenshots_src_c.html"
+ },
+ {
+ name= {en= "Lua Source Code"},
+ link= "screenshots_src_lua.html"
}
}
},
diff --git a/html/wb_search.txt b/html/wb_search.txt
index fae2db1..1d0aa7c 100644
--- a/html/wb_search.txt
+++ b/html/wb_search.txt
@@ -1,16 +1,17 @@
-en/history.html
+en/download.html
en/drv/xrender.html
+en/drv/gdiplus.html
en/drv/debug.html
en/func/server.html
en/func/wd.html
en/func/client.html
en/func/region.html
-en/drv/gdiplus.html
-en/drv/sim.html
en/drv/cairo.html
+en/drv/sim.html
+en/drv/xwin.html
en/drv/native.html
en/func/control.html
-en/drv/xwin.html
+en/screenshots_src_lua.html
en/drv/win32.html
en/drv/gdk.html
en/func/vectortext.html
@@ -34,22 +35,22 @@ en/drv/mf.html
en/drv/irgb.html
en/drv/ps.html
en/drv/wmf.html
-en/func/marks.html
+en/func/lines.html
en/drv/dxf.html
en/copyright.html
en/drv/iup.html
en/drv/svg.html
en/screenshots_src_c.html
en/drv/printer.html
-en/func/coordinates.html
+en/cdluaim.html
en/guide.html
en/drv/dgn.html
en/drv/image.html
en/func/color.html
en/cdlua.html
en/drv/clipbd.html
-en/download.html
-en/func/lines.html
+en/func/marks.html
+en/func/coordinates.html
en/func/polygon.html
en/drv/dbuf.html
en/func/other.html
@@ -57,5 +58,5 @@ en/toolkits.html
en/internal.html
en/home.html
en/canvas.html
-en/cdluaim.html
+en/history.html
en/download_tips.html
diff --git a/html/wb_tree.html b/html/wb_tree.html
index 3d99c7c..a7d6053 100644
--- a/html/wb_tree.html
+++ b/html/wb_tree.html
@@ -237,321 +237,322 @@
<p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link12folder.1" href="en/to_do.html">To Do</a></p>
<p><img src="wb_img/vertline.png"><img name="imgfolder.1.2" src="wb_img/plusnode.png" onclick="toggleFolder('folder.1.2')"><a name="link13folder.1.2" class="el" href="en/screenshots.html">Screenshots</a></p>
<div id="folder.1.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link14folder.1.2" href="en/screenshots_src_c.html">C Source Code</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link14folder.1.2" href="en/screenshots_src_c.html">C Source Code</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link15folder.1.2" href="en/screenshots_src_lua.html">Lua Source Code</a></p>
</div>
- <p><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link15folder.1" href="en/toolkits.html">Comparing</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link16folder.1" href="en/toolkits.html">Comparing</a></p>
</div>
- <p><img name="imgfolder.2" src="wb_img/plusnode.png" onclick="toggleFolder('folder.2')"><a name="link16folder.2" class="el" href="en/guide.html">Guide</a></p>
+ <p><img name="imgfolder.2" src="wb_img/plusnode.png" onclick="toggleFolder('folder.2')"><a name="link17folder.2" class="el" href="en/guide.html">Guide</a></p>
<div id="folder.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link17folder.2" href="en/guide.html#start">Getting Started</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link18folder.2" href="en/guide.html#buildapp">Building Applications</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link19folder.2" href="en/guide.html#buildlib">Building the Library</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link20folder.2" href="en/guide.html#Environment">Environment Variables</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link21folder.2" href="en/guide.html#NewDriver">Implementing a Driver</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link22folder.2" href="en/guide.html#Play">Intercepting Primitives</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link23folder.2" href="en/guide.html#IUP">IUP Compatibility</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link18folder.2" href="en/guide.html#start">Getting Started</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link19folder.2" href="en/guide.html#buildapp">Building Applications</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link20folder.2" href="en/guide.html#buildlib">Building the Library</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link21folder.2" href="en/guide.html#Environment">Environment Variables</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link22folder.2" href="en/guide.html#NewDriver">Implementing a Driver</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link23folder.2" href="en/guide.html#Play">Intercepting Primitives</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link24folder.2" href="en/guide.html#IUP">IUP Compatibility</a></p>
<p class="sep"><img src="wb_img/sepvertline.png"><img src="wb_img/sepnode.png"></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link24folder.2" href="en/internal.html">Internal Architecture</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link25folder.2" href="en/samples.html">Samples</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link26folder.2" href="en/cdlua.html">Lua Binding</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link27folder.2" href="en/cdluaim.html">CDLua+IMLua</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link25folder.2" href="en/internal.html">Internal Architecture</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link26folder.2" href="en/samples.html">Samples</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link27folder.2" href="en/cdlua.html">Lua Binding</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link28folder.2" href="en/cdluaim.html">CDLua+IMLua</a></p>
</div>
<p class="sep"><img src="wb_img/sepnode.png"></p>
- <p><img name="imgfolder.3" src="wb_img/plusnode.png" onclick="toggleFolder('folder.3')"><a name="link28folder.3" class="el" href="en/canvas.html">Canvas</a></p>
+ <p><img name="imgfolder.3" src="wb_img/plusnode.png" onclick="toggleFolder('folder.3')"><a name="link29folder.3" class="el" href="en/canvas.html">Canvas</a></p>
<div id="folder.3">
<p><img src="wb_img/vertline.png"><img name="imgfolder.3.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.3.1')"> Initialization</p>
<div id="folder.3.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link29folder.3.1" href="en/func/init.html#cdCreateCanvas">CreateCanvas</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link30folder.3.1" href="en/func/init.html#cdCreateCanvasf">CreateCanvasf</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link31folder.3.1" href="en/func/init.html#cdKillCanvas">KillCanvas</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link32folder.3.1" href="en/func/init.html#cdCanvasActivate">Activate</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link33folder.3.1" href="en/func/init.html#cdCanvasDeactivate">Deactivate</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link34folder.3.1" href="en/func/init.html#cdUseContextPlus">UseContextPlus</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link35folder.3.1" href="en/func/init.html#cdInitContextPlus">InitContextPlus</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link30folder.3.1" href="en/func/init.html#cdCreateCanvas">CreateCanvas</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link31folder.3.1" href="en/func/init.html#cdCreateCanvasf">CreateCanvasf</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link32folder.3.1" href="en/func/init.html#cdKillCanvas">KillCanvas</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link33folder.3.1" href="en/func/init.html#cdCanvasActivate">Activate</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link34folder.3.1" href="en/func/init.html#cdCanvasDeactivate">Deactivate</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link35folder.3.1" href="en/func/init.html#cdUseContextPlus">UseContextPlus</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link36folder.3.1" href="en/func/init.html#cdInitContextPlus">InitContextPlus</a></p>
<p class="sep"><img src="wb_img/sepvertline.png"><img src="wb_img/sepvertline.png"><img src="wb_img/sepnode.png"></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link36folder.3.1" href="en/func/init.html#cdGetContext">GetContext</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link37folder.3.1" href="en/func/init.html#cdContextCaps">ContextCaps</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link38folder.3.1" href="en/func/init.html#cdSimulate">Simulate</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link37folder.3.1" href="en/func/init.html#cdGetContext">GetContext</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link38folder.3.1" href="en/func/init.html#cdContextCaps">ContextCaps</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link39folder.3.1" href="en/func/init.html#cdSimulate">Simulate</a></p>
<p class="sep"><img src="wb_img/sepvertline.png"><img src="wb_img/sepvertline.png"><img src="wb_img/sepnode.png"></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link39folder.3.1" href="en/func/init.html#cdlua_open">cdlua_open</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link40folder.3.1" href="en/func/init.html#cdlua_close">cdlua_close</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link41folder.3.1" href="en/func/init.html#cdlua_getcanvas">cdlua_getcanvas</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link40folder.3.1" href="en/func/init.html#cdlua_open">cdlua_open</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link41folder.3.1" href="en/func/init.html#cdlua_close">cdlua_close</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link42folder.3.1" href="en/func/init.html#cdlua_getcanvas">cdlua_getcanvas</a></p>
</div>
<p><img src="wb_img/vertline.png"><img name="imgfolder.3.2" src="wb_img/plusnode.png" onclick="toggleFolder('folder.3.2')"> Control</p>
<div id="folder.3.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link42folder.3.2" href="en/func/control.html#cdClear">Clear</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link43folder.3.2" href="en/func/control.html#cdFlush">Flush</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link44folder.3.2" href="en/func/control.html#cdSaveState">SaveState</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link45folder.3.2" href="en/func/control.html#cdRestoreState">RestoreState</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link46folder.3.2" href="en/func/control.html#cdReleaseState">ReleaseState</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link47folder.3.2" href="en/func/control.html#cdSetAttribute">SetAttribute</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link48folder.3.2" href="en/func/control.html#cdSetfAttribute">SetfAttribute</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link49folder.3.2" href="en/func/control.html#cdGetAttribute">GetAttribute</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link43folder.3.2" href="en/func/control.html#cdClear">Clear</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link44folder.3.2" href="en/func/control.html#cdFlush">Flush</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link45folder.3.2" href="en/func/control.html#cdSaveState">SaveState</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link46folder.3.2" href="en/func/control.html#cdRestoreState">RestoreState</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link47folder.3.2" href="en/func/control.html#cdReleaseState">ReleaseState</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link48folder.3.2" href="en/func/control.html#cdSetAttribute">SetAttribute</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link49folder.3.2" href="en/func/control.html#cdSetfAttribute">SetfAttribute</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link50folder.3.2" href="en/func/control.html#cdGetAttribute">GetAttribute</a></p>
</div>
<p><img src="wb_img/vertline.png"><img name="imgfolder.3.3" src="wb_img/plusnode.png" onclick="toggleFolder('folder.3.3')"> Coordinate System</p>
<div id="folder.3.3">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link50folder.3.3" href="en/func/coordinates.html#cdGetCanvasSize">GetSize</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link51folder.3.3" href="en/func/coordinates.html#cdYAxisMode">YAxisMode</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link52folder.3.3" href="en/func/coordinates.html#cdUpdateYAxis">UpdateYAxis</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link53folder.3.3" href="en/func/coordinates.html#cdMM2Pixel">MM2Pixel</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link54folder.3.3" href="en/func/coordinates.html#cdPixel2MM">Pixel2MM</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link55folder.3.3" href="en/func/coordinates.html#cdOrigin">Origin</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link51folder.3.3" href="en/func/coordinates.html#cdGetCanvasSize">GetSize</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link52folder.3.3" href="en/func/coordinates.html#cdYAxisMode">YAxisMode</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link53folder.3.3" href="en/func/coordinates.html#cdUpdateYAxis">UpdateYAxis</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link54folder.3.3" href="en/func/coordinates.html#cdMM2Pixel">MM2Pixel</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link55folder.3.3" href="en/func/coordinates.html#cdPixel2MM">Pixel2MM</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link56folder.3.3" href="en/func/coordinates.html#cdOrigin">Origin</a></p>
<p class="sep"><img src="wb_img/sepvertline.png"><img src="wb_img/sepvertline.png"><img src="wb_img/sepnode.png"></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link56folder.3.3" href="en/func/coordinates.html#cdTransform">Transform</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link57folder.3.3" href="en/func/coordinates.html#cdGetTransform">GetTransform</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link58folder.3.3" href="en/func/coordinates.html#cdTransformMultiply">TransformMultiply</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link59folder.3.3" href="en/func/coordinates.html#cdTransformTranslate">TransformTranslate</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link60folder.3.3" href="en/func/coordinates.html#cdTransformScale">TransformScale</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link61folder.3.3" href="en/func/coordinates.html#cdTransformRotate">TransformRotate</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link57folder.3.3" href="en/func/coordinates.html#cdTransform">Transform</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link58folder.3.3" href="en/func/coordinates.html#cdGetTransform">GetTransform</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link59folder.3.3" href="en/func/coordinates.html#cdTransformMultiply">TransformMultiply</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link60folder.3.3" href="en/func/coordinates.html#cdTransformTranslate">TransformTranslate</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link61folder.3.3" href="en/func/coordinates.html#cdTransformScale">TransformScale</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link62folder.3.3" href="en/func/coordinates.html#cdTransformRotate">TransformRotate</a></p>
</div>
- <p><img src="wb_img/vertline.png"><img name="imgfolder.3.4" src="wb_img/plusnode.png" onclick="toggleFolder('folder.3.4')"><a name="link62folder.3.4" class="el" href="en/func/wd.html">World Coordinates</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.3.4" src="wb_img/plusnode.png" onclick="toggleFolder('folder.3.4')"><a name="link63folder.3.4" class="el" href="en/func/wd.html">World Coordinates</a></p>
<div id="folder.3.4">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link63folder.3.4" href="en/func/wd.html#wdWindow">Window</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link64folder.3.4" href="en/func/wd.html#wdGetWindow">GetWindow</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link65folder.3.4" href="en/func/wd.html#wdViewport">Viewport</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link66folder.3.4" href="en/func/wd.html#wdGetViewport">GetViewport</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link67folder.3.4" href="en/func/wd.html#wdWorld2Canvas">World2Canvas</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link68folder.3.4" href="en/func/wd.html#wdCanvas2World">Canvas2World</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link69folder.3.4" href="en/func/wd.html#wdSetTransform">SetTransform</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link70folder.3.4" href="en/func/wd.html#wdGetTransform">GetTransform</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link71folder.3.4" href="en/func/wd.html#wdTranslate">Translate</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link72folder.3.4" href="en/func/wd.html#wdScale">Scale</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link64folder.3.4" href="en/func/wd.html#wdWindow">Window</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link65folder.3.4" href="en/func/wd.html#wdGetWindow">GetWindow</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link66folder.3.4" href="en/func/wd.html#wdViewport">Viewport</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link67folder.3.4" href="en/func/wd.html#wdGetViewport">GetViewport</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link68folder.3.4" href="en/func/wd.html#wdWorld2Canvas">World2Canvas</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link69folder.3.4" href="en/func/wd.html#wdCanvas2World">Canvas2World</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link70folder.3.4" href="en/func/wd.html#wdSetTransform">SetTransform</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link71folder.3.4" href="en/func/wd.html#wdGetTransform">GetTransform</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link72folder.3.4" href="en/func/wd.html#wdTranslate">Translate</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link73folder.3.4" href="en/func/wd.html#wdScale">Scale</a></p>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.3.4.1" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.3.4.1')"> Extra</p>
<div id="folder.3.4.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link73folder.3.4.1" href="en/func/wd.html#wdHardcopy">Hardcopy</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link74folder.3.4.1" href="en/func/wd.html#wdHardcopy">Hardcopy</a></p>
</div>
</div>
<p><img src="wb_img/vertline.png"><img name="imgfolder.3.5" src="wb_img/plusnode.png" onclick="toggleFolder('folder.3.5')"> General Attributes</p>
<div id="folder.3.5">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link74folder.3.5" href="en/func/attributes.html#cdForeground">Foreground</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link75folder.3.5" href="en/func/attributes.html#cdBackground">Background</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link76folder.3.5" href="en/func/attributes.html#cdWriteMode">WriteMode</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link75folder.3.5" href="en/func/attributes.html#cdForeground">Foreground</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link76folder.3.5" href="en/func/attributes.html#cdBackground">Background</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link77folder.3.5" href="en/func/attributes.html#cdWriteMode">WriteMode</a></p>
</div>
- <p><img src="wb_img/vertline.png"><img name="imgfolder.3.6" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.3.6')"><a name="link77folder.3.6" class="el" href="en/func/clipping.html">Clipping</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.3.6" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.3.6')"><a name="link78folder.3.6" class="el" href="en/func/clipping.html">Clipping</a></p>
<div id="folder.3.6">
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link78folder.3.6" href="en/func/clipping.html#cdClip">Clip</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link79folder.3.6" href="en/func/clipping.html#cdClipArea">ClipArea</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link80folder.3.6" href="en/func/clipping.html#cdGetClipArea">GetClipArea</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link81folder.3.6" href="en/func/clipping.html#Polygons">Polygons</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img name="imgfolder.3.6.1" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.3.6.1')"><a name="link82folder.3.6.1" class="el" href="en/func/region.html">Regions</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link79folder.3.6" href="en/func/clipping.html#cdClip">Clip</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link80folder.3.6" href="en/func/clipping.html#cdClipArea">ClipArea</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link81folder.3.6" href="en/func/clipping.html#cdGetClipArea">GetClipArea</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link82folder.3.6" href="en/func/clipping.html#Polygons">Polygons</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img name="imgfolder.3.6.1" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.3.6.1')"><a name="link83folder.3.6.1" class="el" href="en/func/region.html">Regions</a></p>
<div id="folder.3.6.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link83folder.3.6.1" href="en/func/region.html#Creating">Creating</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link84folder.3.6.1" href="en/func/region.html#cdRegionCombineMode">RegionCombineMode</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link84folder.3.6.1" href="en/func/region.html#Creating">Creating</a></p>
<p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link85folder.3.6.1" href="en/func/region.html#cdRegionCombineMode">RegionCombineMode</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link86folder.3.6.1" href="en/func/region.html#cdPointInRegion">PointInRegion</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link87folder.3.6.1" href="en/func/region.html#cdOffsetRegion">OffsetRegion</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link88folder.3.6.1" href="en/func/region.html#cdRegionBox">RegionBox</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link86folder.3.6.1" href="en/func/region.html#cdRegionCombineMode">RegionCombineMode</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link87folder.3.6.1" href="en/func/region.html#cdPointInRegion">PointInRegion</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link88folder.3.6.1" href="en/func/region.html#cdOffsetRegion">OffsetRegion</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link89folder.3.6.1" href="en/func/region.html#cdRegionBox">RegionBox</a></p>
</div>
</div>
</div>
<p><img name="imgfolder.4" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4')"> Primitives</p>
<div id="folder.4">
- <p><img src="wb_img/vertline.png"><img name="imgfolder.4.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.1')"><a name="link89folder.4.1" class="el" href="en/func/marks.html">Marks</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.4.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.1')"><a name="link90folder.4.1" class="el" href="en/func/marks.html">Marks</a></p>
<div id="folder.4.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link90folder.4.1" href="en/func/marks.html#cdPixel">Pixel</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link91folder.4.1" href="en/func/marks.html#cdMark">Mark</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link91folder.4.1" href="en/func/marks.html#cdPixel">Pixel</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link92folder.4.1" href="en/func/marks.html#cdMark">Mark</a></p>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.1.1" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.4.1.1')"> Attributes</p>
<div id="folder.4.1.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link92folder.4.1.1" href="en/func/marks.html#cdMarkType">MarkType</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link93folder.4.1.1" href="en/func/marks.html#cdMarkSize">MarkSize</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link93folder.4.1.1" href="en/func/marks.html#cdMarkType">MarkType</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link94folder.4.1.1" href="en/func/marks.html#cdMarkSize">MarkSize</a></p>
</div>
</div>
- <p><img src="wb_img/vertline.png"><img name="imgfolder.4.2" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.2')"><a name="link94folder.4.2" class="el" href="en/func/lines.html">Lines</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.4.2" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.2')"><a name="link95folder.4.2" class="el" href="en/func/lines.html">Lines</a></p>
<div id="folder.4.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link95folder.4.2" href="en/func/lines.html#cdLine">Line</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.2.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.2.1')"><a name="link96folder.4.2.1" class="el" href="en/func/lines.html#Polygons">Line Polygons/Bezier Curves</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link96folder.4.2" href="en/func/lines.html#cdLine">Line</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.2.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.2.1')"><a name="link97folder.4.2.1" class="el" href="en/func/lines.html#Polygons">Line Polygons/Bezier Curves</a></p>
<div id="folder.4.2.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link97folder.4.2.1" href="en/func/polygon.html">Polygons and Regions</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link98folder.4.2.1" href="en/func/polygon.html">Polygons and Regions</a></p>
</div>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link98folder.4.2" href="en/func/lines.html#cdRect">Rect</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link99folder.4.2" href="en/func/lines.html#cdArc">Arc</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link99folder.4.2" href="en/func/lines.html#cdRect">Rect</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link100folder.4.2" href="en/func/lines.html#cdArc">Arc</a></p>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.2.2" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.4.2.2')"> Attributes</p>
<div id="folder.4.2.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link100folder.4.2.2" href="en/func/lines.html#cdLineStyle">LineStyle</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link101folder.4.2.2" href="en/func/lines.html#cdLineStyleDashes">LineStyleDashes</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link102folder.4.2.2" href="en/func/lines.html#cdLineWidth">LineWidth</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link103folder.4.2.2" href="en/func/lines.html#cdLineJoin">LineJoin</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link104folder.4.2.2" href="en/func/lines.html#cdLineCap">LineCap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link101folder.4.2.2" href="en/func/lines.html#cdLineStyle">LineStyle</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link102folder.4.2.2" href="en/func/lines.html#cdLineStyleDashes">LineStyleDashes</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link103folder.4.2.2" href="en/func/lines.html#cdLineWidth">LineWidth</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link104folder.4.2.2" href="en/func/lines.html#cdLineJoin">LineJoin</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link105folder.4.2.2" href="en/func/lines.html#cdLineCap">LineCap</a></p>
</div>
</div>
- <p><img src="wb_img/vertline.png"><img name="imgfolder.4.3" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.3')"><a name="link105folder.4.3" class="el" href="en/func/filled.html">Filled Areas</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.4.3" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.3')"><a name="link106folder.4.3" class="el" href="en/func/filled.html">Filled Areas</a></p>
<div id="folder.4.3">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link106folder.4.3" href="en/func/filled.html#Polygons">Polygons</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link107folder.4.3" href="en/func/filled.html#cdBox">Box</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link108folder.4.3" href="en/func/filled.html#cdSector">Sector</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link109folder.4.3" href="en/func/filled.html#cdChord">Chord</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link107folder.4.3" href="en/func/filled.html#Polygons">Polygons</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link108folder.4.3" href="en/func/filled.html#cdBox">Box</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link109folder.4.3" href="en/func/filled.html#cdSector">Sector</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link110folder.4.3" href="en/func/filled.html#cdChord">Chord</a></p>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.3.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.3.1')"> Attributes</p>
<div id="folder.4.3.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link110folder.4.3.1" href="en/func/filled.html#cdBackOpacity">BackOpacity</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link111folder.4.3.1" href="en/func/filled.html#cdFillMode">FillMode</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link112folder.4.3.1" href="en/func/filled.html#cdInteriorStyle">InteriorStyle</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link113folder.4.3.1" href="en/func/filled.html#cdHatch">Hatch</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link114folder.4.3.1" href="en/func/filled.html#cdStipple">Stipple</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link115folder.4.3.1" href="en/func/filled.html#wdStipple">Stipple (WC)</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link116folder.4.3.1" href="en/func/filled.html#cdGetStipple">GetStipple</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link117folder.4.3.1" href="en/func/filled.html#cdPattern">Pattern</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link118folder.4.3.1" href="en/func/filled.html#wdPattern">Pattern (WC)</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link119folder.4.3.1" href="en/func/filled.html#cdGetPattern">GetPattern</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link120folder.4.3.1" href="en/func/filled.html#DataAccess">Data Access</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link111folder.4.3.1" href="en/func/filled.html#cdBackOpacity">BackOpacity</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link112folder.4.3.1" href="en/func/filled.html#cdFillMode">FillMode</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link113folder.4.3.1" href="en/func/filled.html#cdInteriorStyle">InteriorStyle</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link114folder.4.3.1" href="en/func/filled.html#cdHatch">Hatch</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link115folder.4.3.1" href="en/func/filled.html#cdStipple">Stipple</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link116folder.4.3.1" href="en/func/filled.html#wdStipple">Stipple (WC)</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link117folder.4.3.1" href="en/func/filled.html#cdGetStipple">GetStipple</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link118folder.4.3.1" href="en/func/filled.html#cdPattern">Pattern</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link119folder.4.3.1" href="en/func/filled.html#wdPattern">Pattern (WC)</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link120folder.4.3.1" href="en/func/filled.html#cdGetPattern">GetPattern</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link121folder.4.3.1" href="en/func/filled.html#DataAccess">Data Access</a></p>
</div>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.3.2" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.4.3.2')"> Extras in Lua</p>
<div id="folder.4.3.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link121folder.4.3.2" href="en/func/filled.html#cdCreatePattern">CreatePattern</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link122folder.4.3.2" href="en/func/filled.html#cdKillPattern">KillPattern</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link123folder.4.3.2" href="en/func/filled.html#cdCreateStipple">CreateStipple</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link124folder.4.3.2" href="en/func/filled.html#cdKillStipple">KillStipple</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link122folder.4.3.2" href="en/func/filled.html#cdCreatePattern">CreatePattern</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link123folder.4.3.2" href="en/func/filled.html#cdKillPattern">KillPattern</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link124folder.4.3.2" href="en/func/filled.html#cdCreateStipple">CreateStipple</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link125folder.4.3.2" href="en/func/filled.html#cdKillStipple">KillStipple</a></p>
</div>
</div>
- <p><img src="wb_img/vertline.png"><img name="imgfolder.4.4" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.4')"><a name="link125folder.4.4" class="el" href="en/func/text.html">Text</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.4.4" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.4')"><a name="link126folder.4.4" class="el" href="en/func/text.html">Text</a></p>
<div id="folder.4.4">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link126folder.4.4" href="en/func/text.html#cdText">Text</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link127folder.4.4" href="en/func/text.html#cdText">Text</a></p>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.4.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.4.1')"> Attributes</p>
<div id="folder.4.4.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link127folder.4.4.1" href="en/func/text.html#cdFont">Font</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link128folder.4.4.1" href="en/func/text.html#cdGetFont">GetFont</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link129folder.4.4.1" href="en/func/text.html#cdNativeFont">NativeFont</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link130folder.4.4.1" href="en/func/text.html#cdTextAlignment">TextAlignment</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link131folder.4.4.1" href="en/func/text.html#cdTextOrientation">TextOrientation</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link128folder.4.4.1" href="en/func/text.html#cdFont">Font</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link129folder.4.4.1" href="en/func/text.html#cdGetFont">GetFont</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link130folder.4.4.1" href="en/func/text.html#cdNativeFont">NativeFont</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link131folder.4.4.1" href="en/func/text.html#cdTextAlignment">TextAlignment</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link132folder.4.4.1" href="en/func/text.html#cdTextOrientation">TextOrientation</a></p>
</div>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.4.2" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.4.4.2')"> Properties</p>
<div id="folder.4.4.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link132folder.4.4.2" href="en/func/text.html#cdFontDim">GetFontDim</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link133folder.4.4.2" href="en/func/text.html#cdTextSize">GetTextSize</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link134folder.4.4.2" href="en/func/text.html#cdTextBounds">GetTextBounds</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link135folder.4.4.2" href="en/func/text.html#cdTextBox">GetTextBox</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link133folder.4.4.2" href="en/func/text.html#cdFontDim">GetFontDim</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link134folder.4.4.2" href="en/func/text.html#cdTextSize">GetTextSize</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link135folder.4.4.2" href="en/func/text.html#cdTextBounds">GetTextBounds</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link136folder.4.4.2" href="en/func/text.html#cdTextBox">GetTextBox</a></p>
</div>
</div>
- <p><img src="wb_img/vertline.png"><img name="imgfolder.4.5" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.5')"><a name="link136folder.4.5" class="el" href="en/func/vectortext.html">Vector Text</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.4.5" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.5')"><a name="link137folder.4.5" class="el" href="en/func/vectortext.html">Vector Text</a></p>
<div id="folder.4.5">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link137folder.4.5" href="en/func/vectortext.html#cdVectorText">VectorText</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link138folder.4.5" href="en/func/vectortext.html#cdVectorText">VectorText</a></p>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.5.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.5.1')"> Attributes</p>
<div id="folder.4.5.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link138folder.4.5.1" href="en/func/vectortext.html#cdVectorTextDirection">VectorTextDirection</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link139folder.4.5.1" href="en/func/vectortext.html#cdVectorTextTransform">VectorTextTransform</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link140folder.4.5.1" href="en/func/vectortext.html#cdVectorTextSize">VectorTextSize</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link141folder.4.5.1" href="en/func/vectortext.html#cdVectorCharSize">VectorCharSize</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link142folder.4.5.1" href="en/func/vectortext.html#cdVectorFont">VectorFont</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link139folder.4.5.1" href="en/func/vectortext.html#cdVectorTextDirection">VectorTextDirection</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link140folder.4.5.1" href="en/func/vectortext.html#cdVectorTextTransform">VectorTextTransform</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link141folder.4.5.1" href="en/func/vectortext.html#cdVectorTextSize">VectorTextSize</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link142folder.4.5.1" href="en/func/vectortext.html#cdVectorCharSize">VectorCharSize</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link143folder.4.5.1" href="en/func/vectortext.html#cdVectorFont">VectorFont</a></p>
</div>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.5.2" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.4.5.2')"> Properties</p>
<div id="folder.4.5.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link143folder.4.5.2" href="en/func/vectortext.html#cdGetVectorTextSize">GetVectorTextSize</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link144folder.4.5.2" href="en/func/vectortext.html#cdGetVectorTextBounds">GetVectorTextBounds</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link145folder.4.5.2" href="en/func/vectortext.html#cdGetVectorTextBox">GetVectorTextBox</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link144folder.4.5.2" href="en/func/vectortext.html#cdGetVectorTextSize">GetVectorTextSize</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link145folder.4.5.2" href="en/func/vectortext.html#cdGetVectorTextBounds">GetVectorTextBounds</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link146folder.4.5.2" href="en/func/vectortext.html#cdGetVectorTextBox">GetVectorTextBox</a></p>
</div>
</div>
- <p><img src="wb_img/vertline.png"><img name="imgfolder.4.6" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.6')"><a name="link146folder.4.6" class="el" href="en/func/client.html">Client Images</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.4.6" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.6')"><a name="link147folder.4.6" class="el" href="en/func/client.html">Client Images</a></p>
<div id="folder.4.6">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link147folder.4.6" href="en/func/client.html#cdGetImageRGB">GetImageRGB</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link148folder.4.6" href="en/func/client.html#cdPutImageRectRGB">PutImageRectRGB</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link149folder.4.6" href="en/func/client.html#cdPutImageRectRGBA">PutImageRectRGBA</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link150folder.4.6" href="en/func/client.html#cdPutImageRectMap">PutImageRectMap</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link151folder.4.6" href="en/func/client.html#cdRGB2Map">RGB2Map</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link148folder.4.6" href="en/func/client.html#cdGetImageRGB">GetImageRGB</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link149folder.4.6" href="en/func/client.html#cdPutImageRectRGB">PutImageRectRGB</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link150folder.4.6" href="en/func/client.html#cdPutImageRectRGBA">PutImageRectRGBA</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link151folder.4.6" href="en/func/client.html#cdPutImageRectMap">PutImageRectMap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link152folder.4.6" href="en/func/client.html#cdRGB2Map">RGB2Map</a></p>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.6.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.4.6.1')"> Extras</p>
<div id="folder.4.6.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link152folder.4.6.1" href="en/func/client.html#cdCreateBitmap">CreateBitmap</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link153folder.4.6.1" href="en/func/client.html#cdInitBitmap">InitBitmap</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link154folder.4.6.1" href="en/func/client.html#cdKillBitmap">KillBitmap</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link155folder.4.6.1" href="en/func/client.html#cdBitmapGetData">BitmapGetData</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link156folder.4.6.1" href="en/func/client.html#cdBitmapSetRect">BitmapSetRect</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link157folder.4.6.1" href="en/func/client.html#cdGetBitmap">GetBitmap</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link158folder.4.6.1" href="en/func/client.html#cdPutBitmap">PutBitmap</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link159folder.4.6.1" href="en/func/client.html#cdBitmapRGB2Map">BitmapRGB2Map</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link153folder.4.6.1" href="en/func/client.html#cdCreateBitmap">CreateBitmap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link154folder.4.6.1" href="en/func/client.html#cdInitBitmap">InitBitmap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link155folder.4.6.1" href="en/func/client.html#cdKillBitmap">KillBitmap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link156folder.4.6.1" href="en/func/client.html#cdBitmapGetData">BitmapGetData</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link157folder.4.6.1" href="en/func/client.html#cdBitmapSetRect">BitmapSetRect</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link158folder.4.6.1" href="en/func/client.html#cdGetBitmap">GetBitmap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link159folder.4.6.1" href="en/func/client.html#cdPutBitmap">PutBitmap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link160folder.4.6.1" href="en/func/client.html#cdBitmapRGB2Map">BitmapRGB2Map</a></p>
</div>
<p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img name="imgfolder.4.6.2" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.4.6.2')"> Extras in Lua</p>
<div id="folder.4.6.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link160folder.4.6.2" href="en/func/client.html#cdCreateImageRGB">CreateImageRGB</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link161folder.4.6.2" href="en/func/client.html#cdKillImageRGB">KillImageRGB</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link162folder.4.6.2" href="en/func/client.html#cdCreateImageRGBA">CreateImageRGBA</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link163folder.4.6.2" href="en/func/client.html#cdKillImageRGBA">KillImageRGBA</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link164folder.4.6.2" href="en/func/client.html#cdCreateImageMap">CreateImageMap</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link165folder.4.6.2" href="en/func/client.html#cdKillImageMap">KillImageMap</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link166folder.4.6.2" href="en/func/client.html#DataAccess">Data Access</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link161folder.4.6.2" href="en/func/client.html#cdCreateImageRGB">CreateImageRGB</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link162folder.4.6.2" href="en/func/client.html#cdKillImageRGB">KillImageRGB</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link163folder.4.6.2" href="en/func/client.html#cdCreateImageRGBA">CreateImageRGBA</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link164folder.4.6.2" href="en/func/client.html#cdKillImageRGBA">KillImageRGBA</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link165folder.4.6.2" href="en/func/client.html#cdCreateImageMap">CreateImageMap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link166folder.4.6.2" href="en/func/client.html#cdKillImageMap">KillImageMap</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link167folder.4.6.2" href="en/func/client.html#DataAccess">Data Access</a></p>
</div>
</div>
- <p><img src="wb_img/vertline.png"><img name="imgfolder.4.7" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.4.7')"><a name="link167folder.4.7" class="el" href="en/func/server.html">Server Images</a></p>
+ <p><img src="wb_img/vertline.png"><img name="imgfolder.4.7" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.4.7')"><a name="link168folder.4.7" class="el" href="en/func/server.html">Server Images</a></p>
<div id="folder.4.7">
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link168folder.4.7" href="en/func/server.html#cdCreateImage">CreateImage</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link169folder.4.7" href="en/func/server.html#cdKillImage">KillImage</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link170folder.4.7" href="en/func/server.html#cdGetImage">GetImage</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link171folder.4.7" href="en/func/server.html#cdPutImageRect">PutImageRect</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link172folder.4.7" href="en/func/server.html#cdScrollArea">ScrollArea</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link169folder.4.7" href="en/func/server.html#cdCreateImage">CreateImage</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link170folder.4.7" href="en/func/server.html#cdKillImage">KillImage</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link171folder.4.7" href="en/func/server.html#cdGetImage">GetImage</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link172folder.4.7" href="en/func/server.html#cdPutImageRect">PutImageRect</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link173folder.4.7" href="en/func/server.html#cdScrollArea">ScrollArea</a></p>
</div>
</div>
<p><img name="imgfolder.5" src="wb_img/plusnode.png" onclick="toggleFolder('folder.5')"> Other</p>
<div id="folder.5">
<p><img src="wb_img/vertline.png"><img name="imgfolder.5.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.5.1')"> System</p>
<div id="folder.5.1">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link173folder.5.1" href="en/func/other.html#cdVersion">Version</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link174folder.5.1" href="en/func/other.html#cdVersion">Version</a></p>
</div>
<p><img src="wb_img/vertline.png"><img name="imgfolder.5.2" src="wb_img/plusnode.png" onclick="toggleFolder('folder.5.2')"> Metafile Interpretation</p>
<div id="folder.5.2">
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link174folder.5.2" href="en/func/other.html#cdPlay">Play</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link175folder.5.2" href="en/func/other.html#cdRegisterCallback">RegisterCallback</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link175folder.5.2" href="en/func/other.html#cdPlay">Play</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link176folder.5.2" href="en/func/other.html#cdRegisterCallback">RegisterCallback</a></p>
</div>
<p><img src="wb_img/vertline.png"><img name="imgfolder.5.3" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.5.3')"> Color Coding</p>
<div id="folder.5.3">
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link176folder.5.3" href="en/func/color.html#cdEncodeColor">EncodeColor</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link177folder.5.3" href="en/func/color.html#cdDecodeColor">DecodeColor</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link178folder.5.3" href="en/func/color.html#cdEncodeAlpha">EncodeAlpha</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link179folder.5.3" href="en/func/color.html#cdDecodeAlpha">DecodeAlpha</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link180folder.5.3" href="en/func/color.html#cdRed">Red</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link181folder.5.3" href="en/func/color.html#cdGreen">Green</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link182folder.5.3" href="en/func/color.html#cdBlue">Blue</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link177folder.5.3" href="en/func/color.html#cdEncodeColor">EncodeColor</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link178folder.5.3" href="en/func/color.html#cdDecodeColor">DecodeColor</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link179folder.5.3" href="en/func/color.html#cdEncodeAlpha">EncodeAlpha</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link180folder.5.3" href="en/func/color.html#cdDecodeAlpha">DecodeAlpha</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link181folder.5.3" href="en/func/color.html#cdRed">Red</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link182folder.5.3" href="en/func/color.html#cdGreen">Green</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link183folder.5.3" href="en/func/color.html#cdBlue">Blue</a></p>
<p class="sep"><img src="wb_img/sepvertline.png"><img src="wb_img/sepblank.png"><img src="wb_img/sepnode.png"></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link183folder.5.3" href="en/func/color.html#cdGetColorPlanes">GetColorPlanes</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link184folder.5.3" href="en/func/color.html#cdPalette">Palette</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link185folder.5.3" href="en/func/color.html#cdCreatePalette">CreatePalette</a></p>
- <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link186folder.5.3" href="en/func/color.html#cdKillPalette">KillPalette</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link184folder.5.3" href="en/func/color.html#cdGetColorPlanes">GetColorPlanes</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link185folder.5.3" href="en/func/color.html#cdPalette">Palette</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link186folder.5.3" href="en/func/color.html#cdCreatePalette">CreatePalette</a></p>
+ <p><img src="wb_img/vertline.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link187folder.5.3" href="en/func/color.html#cdKillPalette">KillPalette</a></p>
</div>
</div>
- <p><img name="imgfolder.6" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.6')"><a name="link187folder.6" class="el" href="en/drv.html">Drivers</a></p>
+ <p><img name="imgfolder.6" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.6')"><a name="link188folder.6" class="el" href="en/drv.html">Drivers</a></p>
<div id="folder.6">
<p><img src="wb_img/blank.png"><img name="imgfolder.6.1" src="wb_img/plusnode.png" onclick="toggleFolder('folder.6.1')"> Window Systems</p>
<div id="folder.6.1">
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link188folder.6.1" href="en/drv/iup.html">IUP</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link189folder.6.1" href="en/drv/native.html">Native Window</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link189folder.6.1" href="en/drv/iup.html">IUP</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link190folder.6.1" href="en/drv/native.html">Native Window</a></p>
</div>
<p><img src="wb_img/blank.png"><img name="imgfolder.6.2" src="wb_img/plusnode.png" onclick="toggleFolder('folder.6.2')"> Devices</p>
<div id="folder.6.2">
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link190folder.6.2" href="en/drv/clipbd.html">Clipboard</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link191folder.6.2" href="en/drv/printer.html">Printer</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link192folder.6.2" href="en/drv/picture.html">Picture</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link191folder.6.2" href="en/drv/clipbd.html">Clipboard</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link192folder.6.2" href="en/drv/printer.html">Printer</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link193folder.6.2" href="en/drv/picture.html">Picture</a></p>
</div>
<p><img src="wb_img/blank.png"><img name="imgfolder.6.3" src="wb_img/plusnode.png" onclick="toggleFolder('folder.6.3')"> Images</p>
<div id="folder.6.3">
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link193folder.6.3" href="en/drv/irgb.html">Client Image</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link194folder.6.3" href="en/drv/image.html">Server Image</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link195folder.6.3" href="en/drv/dbufrgb.html">Client Double Buffer</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link196folder.6.3" href="en/drv/dbuf.html">Server Double Buffer</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link194folder.6.3" href="en/drv/irgb.html">Client Image</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link195folder.6.3" href="en/drv/image.html">Server Image</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link196folder.6.3" href="en/drv/dbufrgb.html">Client Double Buffer</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link197folder.6.3" href="en/drv/dbuf.html">Server Double Buffer</a></p>
</div>
<p><img src="wb_img/blank.png"><img name="imgfolder.6.4" src="wb_img/plusnode.png" onclick="toggleFolder('folder.6.4')"> File</p>
<div id="folder.6.4">
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link197folder.6.4" href="en/drv/pdf.html">PDF</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link198folder.6.4" href="en/drv/ps.html">PS</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link199folder.6.4" href="en/drv/svg.html">SVG</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link200folder.6.4" href="en/drv/mf.html">MF</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link201folder.6.4" href="en/drv/debug.html">DEBUG</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link198folder.6.4" href="en/drv/pdf.html">PDF</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link199folder.6.4" href="en/drv/ps.html">PS</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link200folder.6.4" href="en/drv/svg.html">SVG</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link201folder.6.4" href="en/drv/mf.html">MF</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link202folder.6.4" href="en/drv/debug.html">DEBUG</a></p>
<p class="sep"><img src="wb_img/sepblank.png"><img src="wb_img/sepvertline.png"><img src="wb_img/sepnode.png"></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link202folder.6.4" href="en/drv/cgm.html">CGM</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link203folder.6.4" href="en/drv/dgn.html">DGN</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link204folder.6.4" href="en/drv/dxf.html">DXF</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link203folder.6.4" href="en/drv/cgm.html">CGM</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link204folder.6.4" href="en/drv/dgn.html">DGN</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link205folder.6.4" href="en/drv/dxf.html">DXF</a></p>
<p class="sep"><img src="wb_img/sepblank.png"><img src="wb_img/sepvertline.png"><img src="wb_img/sepnode.png"></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link205folder.6.4" href="en/drv/emf.html">EMF</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link206folder.6.4" href="en/drv/wmf.html">WMF</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link206folder.6.4" href="en/drv/emf.html">EMF</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link207folder.6.4" href="en/drv/wmf.html">WMF</a></p>
</div>
<p><img src="wb_img/blank.png"><img name="imgfolder.6.5" src="wb_img/plusnode.png" onclick="toggleFolder('folder.6.5')"> Base Drivers</p>
<div id="folder.6.5">
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link207folder.6.5" href="en/drv/gdk.html">GDK</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link208folder.6.5" href="en/drv/win32.html">Win32</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link209folder.6.5" href="en/drv/xwin.html">X-Win</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link208folder.6.5" href="en/drv/gdk.html">GDK</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link209folder.6.5" href="en/drv/win32.html">Win32</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/node.png"><a class="el" name="link210folder.6.5" href="en/drv/xwin.html">X-Win</a></p>
<p class="sep"><img src="wb_img/sepblank.png"><img src="wb_img/sepvertline.png"><img src="wb_img/sepnode.png"></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link210folder.6.5" href="en/drv/sim.html">Simulation</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/vertline.png"><img src="wb_img/nodelast.png"><a class="el" name="link211folder.6.5" href="en/drv/sim.html">Simulation</a></p>
</div>
<p><img src="wb_img/blank.png"><img name="imgfolder.6.6" src="wb_img/plusnodelast.png" onclick="toggleFolder('folder.6.6')"> Context Plus</p>
<div id="folder.6.6">
- <p><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link211folder.6.6" href="en/drv/cairo.html">Cairo</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link212folder.6.6" href="en/drv/gdiplus.html">GDI+</a></p>
- <p><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link213folder.6.6" href="en/drv/xrender.html">XRender</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link212folder.6.6" href="en/drv/cairo.html">Cairo</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/node.png"><a class="el" name="link213folder.6.6" href="en/drv/gdiplus.html">GDI+</a></p>
+ <p><img src="wb_img/blank.png"><img src="wb_img/blank.png"><img src="wb_img/nodelast.png"><a class="el" name="link214folder.6.6" href="en/drv/xrender.html">XRender</a></p>
</div>
</div>
</div>
diff --git a/src/cairo/cdcairo.def b/src/cairo/cdcairo.def
index 874e2af..ad4dbeb 100644
--- a/src/cairo/cdcairo.def
+++ b/src/cairo/cdcairo.def
@@ -2,7 +2,6 @@ EXPORTS
cdContextCairoImage
cdContextCairoImageRGB
cdContextCairoPS
- cdContextCairoPrinter
cdContextCairoNativeWindow
cdContextCairoDBuffer
cdContextCairoSVG
diff --git a/src/cd.def b/src/cd.def
index da6938c..5ea8ea2 100644
--- a/src/cd.def
+++ b/src/cd.def
@@ -394,6 +394,7 @@ EXPORTS
cdCanvasSetBackground
cdCanvasTransformPoint
cdfCanvasTransformPoint
+ cdRound
cdInitContextPlusList
cdGetContextPlus
diff --git a/src/cdcairo.mak b/src/cdcairo.mak
index 07d3190..6dbce6a 100644
--- a/src/cdcairo.mak
+++ b/src/cdcairo.mak
@@ -4,8 +4,6 @@ OPT = YES
DEFINES = CD_NO_OLD_INTERFACE
-USE_CAIRO = Yes
-
INCLUDES = . cairo drv
SRCDIR = cairo
SRC = cdcairodbuf.c cdcairopdf.c cdcairosvg.c cdcairo.c cdcairoimg.c cdcairoplus.c cdcairoirgb.c cdcairops.c
@@ -20,7 +18,9 @@ else
endif
INCLUDES += $(GTK)/include/cairo $(GTK)/include/pango-1.0 $(GTK)/include/glib-2.0 $(GTK)/lib/glib-2.0/include
-LDIR += $(GTK)/lib
+LDIR = $(GTK)/lib
+LIBS = pangocairo-1.0 cairo pango-1.0 gobject-2.0 glib-2.0
+# Can NOT use USE_CAIRO because cdcairo.lib will be included for linking
USE_CD = YES
CD = ..
diff --git a/src/lua5/cdlua5_canvas.c b/src/lua5/cdlua5_canvas.c
index 37d36b3..c2f6008 100644
--- a/src/lua5/cdlua5_canvas.c
+++ b/src/lua5/cdlua5_canvas.c
@@ -1494,7 +1494,7 @@ static int wdlua5_gettextbox(lua_State *L)
}
/***************************************************************************************************************\
-* cd.GetTextBounds(x, y: number, text: string) -> (rect0, rect1, rect2, rect3, rect4, rect5, rect6, rect7: number) *
+* cd.GetTextBounds(x, y: number, text: string) -> (rect: table) *
\***************************************************************************************************************/
static int cdlua5_gettextbounds(lua_State *L)
{
@@ -1502,21 +1502,20 @@ static int cdlua5_gettextbounds(lua_State *L)
int x = luaL_checkint(L, 2);
int y = luaL_checkint(L, 3);
const char* s = luaL_checkstring(L, 4);
+ int i;
cdCanvasGetTextBounds(cdlua_checkcanvas(L, 1), x, y, s, rect);
- lua_pushnumber(L, rect[0]);
- lua_pushnumber(L, rect[1]);
- lua_pushnumber(L, rect[2]);
- lua_pushnumber(L, rect[3]);
- lua_pushnumber(L, rect[4]);
- lua_pushnumber(L, rect[5]);
- lua_pushnumber(L, rect[6]);
- lua_pushnumber(L, rect[7]);
- return 4;
+ lua_newtable(L);
+ for (i=0; i < 8; i++)
+ {
+ lua_pushnumber(L, rect[i]);
+ lua_rawseti(L, -2, i+1);
+ }
+ return 1;
}
/****************************************************************************************************************\
-* cd.wGetTextBounds(x, y: number, text: string) -> (rect0, rect1, rect2, rect3, rect4, rect5, rect6, rect7: number) *
+* cd.wGetTextBounds(x, y: number, text: string) -> (rect: table) *
\****************************************************************************************************************/
static int wdlua5_gettextbounds(lua_State *L)
{
@@ -1524,17 +1523,16 @@ static int wdlua5_gettextbounds(lua_State *L)
double x = luaL_checknumber(L, 2);
double y = luaL_checknumber(L, 3);
const char* s = luaL_checkstring(L, 4);
+ int i;
wdCanvasGetTextBounds(cdlua_checkcanvas(L, 1), x, y, s, rect);
- lua_pushnumber(L, rect[0]);
- lua_pushnumber(L, rect[1]);
- lua_pushnumber(L, rect[2]);
- lua_pushnumber(L, rect[3]);
- lua_pushnumber(L, rect[4]);
- lua_pushnumber(L, rect[5]);
- lua_pushnumber(L, rect[6]);
- lua_pushnumber(L, rect[7]);
- return 4;
+ lua_newtable(L);
+ for (i=0; i < 8; i++)
+ {
+ lua_pushnumber(L, rect[i]);
+ lua_rawseti(L, -2, i+1);
+ }
+ return 1;
}