hpdf 2.0.8-mswin32

Sign up to get free protection for your applications and to get access to all the features.
Files changed (91) hide show
  1. data/History +57 -0
  2. data/License +25 -0
  3. data/README +136 -0
  4. data/docs/annotation_handling.html +503 -0
  5. data/docs/api.css +115 -0
  6. data/docs/api_reference.html +112 -0
  7. data/docs/bindings.html +242 -0
  8. data/docs/compile_your_program.html +365 -0
  9. data/docs/default.css +115 -0
  10. data/docs/destination_handling.html +620 -0
  11. data/docs/document_handling.html +4751 -0
  12. data/docs/documentation.html +110 -0
  13. data/docs/encoder_handling.html +428 -0
  14. data/docs/error_handling.html +1609 -0
  15. data/docs/examples.html +702 -0
  16. data/docs/ext_gstate.html +407 -0
  17. data/docs/font_handling.html +669 -0
  18. data/docs/fonts.html +978 -0
  19. data/docs/graphics.html +1210 -0
  20. data/docs/handles.html +204 -0
  21. data/docs/how_to_use.html +371 -0
  22. data/docs/image/Thumbs.db +0 -0
  23. data/docs/image/character_map.png +0 -0
  24. data/docs/image/encoding_list.png +0 -0
  25. data/docs/image/extgtate.png +0 -0
  26. data/docs/image/figure1.png +0 -0
  27. data/docs/image/figure10.png +0 -0
  28. data/docs/image/figure11.png +0 -0
  29. data/docs/image/figure12.png +0 -0
  30. data/docs/image/figure13.png +0 -0
  31. data/docs/image/figure14.png +0 -0
  32. data/docs/image/figure15.png +0 -0
  33. data/docs/image/figure16.png +0 -0
  34. data/docs/image/figure17.png +0 -0
  35. data/docs/image/figure18.png +0 -0
  36. data/docs/image/figure19.png +0 -0
  37. data/docs/image/figure2.png +0 -0
  38. data/docs/image/figure20.png +0 -0
  39. data/docs/image/figure21.png +0 -0
  40. data/docs/image/figure22.png +0 -0
  41. data/docs/image/figure23.png +0 -0
  42. data/docs/image/figure24.png +0 -0
  43. data/docs/image/figure25.png +0 -0
  44. data/docs/image/figure26.png +0 -0
  45. data/docs/image/figure27.png +0 -0
  46. data/docs/image/figure28.png +0 -0
  47. data/docs/image/figure3.png +0 -0
  48. data/docs/image/figure4.png +0 -0
  49. data/docs/image/figure5.png +0 -0
  50. data/docs/image/figure6.png +0 -0
  51. data/docs/image/figure7.png +0 -0
  52. data/docs/image/figure8.png +0 -0
  53. data/docs/image/figure9.png +0 -0
  54. data/docs/image/font_demo.png +0 -0
  55. data/docs/image/harulogo.png +0 -0
  56. data/docs/image/image_demo.png +0 -0
  57. data/docs/image/jpfont_demo.png +0 -0
  58. data/docs/image/line_demo.png +0 -0
  59. data/docs/image/png_demo.png +0 -0
  60. data/docs/image/text_annot.png +0 -0
  61. data/docs/image/text_demo.png +0 -0
  62. data/docs/image/text_demo2.png +0 -0
  63. data/docs/image/tt_font.png +0 -0
  64. data/docs/image_handling.html +505 -0
  65. data/docs/index.html +305 -0
  66. data/docs/install.html +243 -0
  67. data/docs/outline_handling.html +229 -0
  68. data/docs/page_handling.html +2647 -0
  69. data/docs/page_operator.html +2640 -0
  70. data/docs/useful_links.html +203 -0
  71. data/examples/arc_demo.rb +82 -0
  72. data/examples/demo.rb +91 -0
  73. data/examples/encryption.rb +41 -0
  74. data/examples/ext_gstater_demo.rb +171 -0
  75. data/examples/font_demo.rb +67 -0
  76. data/examples/jpfont_demo.rb +122 -0
  77. data/examples/line_demo.rb +301 -0
  78. data/examples/slide_show_demo.rb +139 -0
  79. data/examples/text_demo2.rb +189 -0
  80. data/examples/ttfont_demo.rb +106 -0
  81. data/lib/hpdf.so +0 -0
  82. data/tests/arc_demo.rb +82 -0
  83. data/tests/demo.rb +91 -0
  84. data/tests/encryption.rb +41 -0
  85. data/tests/ext_gstater_demo.rb +171 -0
  86. data/tests/font_demo.rb +67 -0
  87. data/tests/line_demo.rb +301 -0
  88. data/tests/slide_show_demo.rb +139 -0
  89. data/tests/test_all_examples.rb +31 -0
  90. data/tests/text_demo2.rb +189 -0
  91. metadata +137 -0
@@ -0,0 +1,1210 @@
1
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
2
+ <html lang="en">
3
+ <head>
4
+ <title>Haru Free PDF Library</title>
5
+ <meta http-equiv="Content-Type"
6
+ content="text/html; charset=iso-8859-1">
7
+ <link href="default.css" type="text/css" rel="stylesheet">
8
+ </head>
9
+ <body>
10
+ <div id="headcontainer">
11
+ <div class="head"><img alt="Haru Free PDF Library"
12
+ src="image/harulogo.png" style="width: 413px; height: 40px;"></div>
13
+ </div>
14
+ <div id="barcontainer">
15
+ <div class="buildbar"><a href="index.html">home</a> | <a
16
+ href="http://sourceforge.net/project/showfiles.php?group_id=83044">download</a>
17
+ |
18
+ <a href="documentation.html">documentation</a> | <a
19
+ href="examples.html">examples </a>| <a
20
+ href="http://sourceforge.net/projects/libharu/">sourceforge</a> |
21
+ <a href="http://sourceforge.net/forum/?group_id=83044">forums</a><br>
22
+ </div>
23
+ </div>
24
+ <div id="container">
25
+ <div id="mainpage">
26
+ <div id="ccol">
27
+ <h2>Graphics<br>
28
+ </h2>
29
+ <h3><a name="Coordination_system_"></a>Coordination system
30
+ </h3>
31
+ <div class="bodytext1">In the default coordinate system of PDF,&nbsp;
32
+ the lower-left corner is at coordinates (0, 0), and the upper-right
33
+ corner is at coordinates (width, height). The default resolution is
34
+ 72dpi.<br>
35
+ <br>
36
+ <img alt="default user space" title="default user space"
37
+ src="image/figure3.png" style="width: 290px; height: 270px;"><br>
38
+ <br>
39
+ An application can change coordinate system with invoking
40
+ HPDF_Page_Concat(). <br>
41
+ For example, if an application invokes HPDF_Page_Concat (page, 0.5, 0,
42
+ 0, 0.5, 100, 100) in the default state, the coodinate shown above is
43
+ transformed to new coordinates shown in the figure below.<br>
44
+ <br>
45
+ <img alt="figure4" title="fugure4" src="image/figure4.png"
46
+ style="width: 260px; height: 280px;"><br>
47
+ <br>
48
+ <br>
49
+ </div>
50
+ <h3><a name="Graphics_mode_"></a>Graphics mode<br>
51
+ </h3>
52
+ <div class="bodytext1">In Haru, each page-objects maintain the flags
53
+ named
54
+ graphics mode. The graphics mode corresponds to the graphics-object of
55
+ the specification of PDF. <br>
56
+ The graphics mode is changed by invoking particular function, and the
57
+ functions that can be invoked are decided by the value of the graphics
58
+ mode.<br>
59
+ <br>
60
+ &nbsp;The following figures show the relation of the graphics mode. <br>
61
+ <br>
62
+ <img alt="figure6" title="figure6" src="image/figure6.png"
63
+ style="width: 660px; height: 480px;"><br>
64
+ <br>
65
+ <br>
66
+ </div>
67
+ <h3><a name="Path_Painting_"></a>Path Painting<br>
68
+ </h3>
69
+ <div class="bodytext1">A path is composed of straight and curved line
70
+ segments, and Paths define shapes and regions.<br>
71
+ Vector graphics is drawn by the following steps.
72
+ <ol>
73
+ <li>Set grahics states(such as line-width, dash-pattern, color...)
74
+ with using "Graphics State Operators" or "Color Operators".</li>
75
+ <li>Start to create new path with using HPDF_Page_MoveTo() or
76
+ HPDF_Page_Rectangle() or HPDF_Page_Arc() or HPDF_Page_Circle().<br>
77
+ </li>
78
+ <li>Append a path with using "Path Construction Operators". <br>
79
+ </li>
80
+ <li>Stroke or paint the path with using "Path Painting Operators".</li>
81
+ </ol>
82
+ <br>
83
+ <span style="font-weight: bold;">List of Graphics State Operators</span><br>
84
+ <table style="width: 100%; text-align: left;" border="1" cellpadding="1"
85
+ cellspacing="1">
86
+ <tbody>
87
+ <tr>
88
+ <td
89
+ style="vertical-align: top; text-align: right; background-color: rgb(204, 204, 204); width: 24px;"><br>
90
+ </td>
91
+ <td
92
+ style="vertical-align: top; background-color: rgb(204, 204, 204);">function
93
+ name<br>
94
+ </td>
95
+ </tr>
96
+ <tr>
97
+ <td style="vertical-align: top; text-align: right; width: 24px;">1<br>
98
+ </td>
99
+ <td style="vertical-align: top;">HPDF_Page_SetLineWidth</td>
100
+ </tr>
101
+ <tr>
102
+ <td style="vertical-align: top; text-align: right; width: 24px;">2<br>
103
+ </td>
104
+ <td style="vertical-align: top;">HPDF_Page_SetLineCap</td>
105
+ </tr>
106
+ <tr>
107
+ <td style="vertical-align: top; text-align: right; width: 24px;">3<br>
108
+ </td>
109
+ <td style="vertical-align: top;">HPDF_Page_SetLineJoin<br>
110
+ </td>
111
+ </tr>
112
+ <tr>
113
+ <td style="vertical-align: top; text-align: right; width: 24px;">4<br>
114
+ </td>
115
+ <td style="vertical-align: top;">HPDF_Page_SetMiterLimit<br>
116
+ </td>
117
+ </tr>
118
+ <tr>
119
+ <td style="vertical-align: top; text-align: right; width: 24px;">5<br>
120
+ </td>
121
+ <td style="vertical-align: top;">HPDF_Page_SetDash<br>
122
+ </td>
123
+ </tr>
124
+ <tr>
125
+ <td style="vertical-align: top; text-align: right; width: 24px;">6<br>
126
+ </td>
127
+ <td style="vertical-align: top;">HPDF_Page_SetFlat<br>
128
+ </td>
129
+ </tr>
130
+ <tr>
131
+ <td style="vertical-align: top; text-align: right; width: 24px;">7<br>
132
+ </td>
133
+ <td style="vertical-align: top;">HPDF_Page_Concat<br>
134
+ </td>
135
+ </tr>
136
+ </tbody>
137
+ </table>
138
+ <br>
139
+ <span style="font-weight: bold;">List of Color Operators</span><br>
140
+ <table style="width: 100%; text-align: left;" border="1" cellpadding="1"
141
+ cellspacing="1">
142
+ <tbody>
143
+ <tr>
144
+ <td
145
+ style="vertical-align: top; text-align: right; background-color: rgb(204, 204, 204); width: 24px;"><br>
146
+ </td>
147
+ <td
148
+ style="vertical-align: top; background-color: rgb(204, 204, 204);">function
149
+ name<br>
150
+ </td>
151
+ </tr>
152
+ <tr>
153
+ <td style="vertical-align: top; text-align: right; width: 24px;">1<br>
154
+ </td>
155
+ <td style="vertical-align: top;">HPDF_Page_SetGrayFill</td>
156
+ </tr>
157
+ <tr>
158
+ <td style="vertical-align: top; text-align: right; width: 24px;">2<br>
159
+ </td>
160
+ <td style="vertical-align: top;">HPDF_Page_SetGrayStroke</td>
161
+ </tr>
162
+ <tr>
163
+ <td style="vertical-align: top; text-align: right; width: 24px;">3<br>
164
+ </td>
165
+ <td style="vertical-align: top;">HPDF_Page_SetRGBFill<br>
166
+ </td>
167
+ </tr>
168
+ <tr>
169
+ <td style="vertical-align: top; text-align: right; width: 24px;">4<br>
170
+ </td>
171
+ <td style="vertical-align: top;">HPDF_Page_SetRGBStroke<br>
172
+ </td>
173
+ </tr>
174
+ <tr>
175
+ <td style="vertical-align: top; text-align: right; width: 24px;">5<br>
176
+ </td>
177
+ <td style="vertical-align: top;">HPDF_Page_SetCMYKFill<br>
178
+ </td>
179
+ </tr>
180
+ <tr>
181
+ <td style="vertical-align: top; text-align: right; width: 24px;">6<br>
182
+ </td>
183
+ <td style="vertical-align: top;">HPDF_Page_SetCMYKStroke<br>
184
+ </td>
185
+ </tr>
186
+ </tbody>
187
+ </table>
188
+ <br>
189
+ <span style="font-weight: bold;">List of Path Construction Operators<br>
190
+ </span>
191
+ <table style="width: 100%; text-align: left;" border="1" cellpadding="1"
192
+ cellspacing="1">
193
+ <tbody>
194
+ <tr>
195
+ <td
196
+ style="vertical-align: top; text-align: right; background-color: rgb(204, 204, 204); width: 24px;"><br>
197
+ </td>
198
+ <td
199
+ style="vertical-align: top; background-color: rgb(204, 204, 204);">function
200
+ name<br>
201
+ </td>
202
+ </tr>
203
+ <tr>
204
+ <td style="vertical-align: top; text-align: right; width: 24px;">1<br>
205
+ </td>
206
+ <td style="vertical-align: top;">HPDF_Page_MoveTo</td>
207
+ </tr>
208
+ <tr>
209
+ <td style="vertical-align: top; text-align: right; width: 24px;">2<br>
210
+ </td>
211
+ <td style="vertical-align: top;">HPDF_Page_LineTo</td>
212
+ </tr>
213
+ <tr>
214
+ <td style="vertical-align: top; text-align: right; width: 24px;">3<br>
215
+ </td>
216
+ <td style="vertical-align: top;">HPDF_Page_CurveTo<br>
217
+ </td>
218
+ </tr>
219
+ <tr>
220
+ <td style="vertical-align: top; text-align: right; width: 24px;">4<br>
221
+ </td>
222
+ <td style="vertical-align: top;">HPDF_Page_CurveTo2<br>
223
+ </td>
224
+ </tr>
225
+ <tr>
226
+ <td style="vertical-align: top; text-align: right; width: 24px;">5<br>
227
+ </td>
228
+ <td style="vertical-align: top;">HPDF_Page_CurveTo3<br>
229
+ </td>
230
+ </tr>
231
+ <tr>
232
+ <td style="vertical-align: top; text-align: right; width: 24px;">6<br>
233
+ </td>
234
+ <td style="vertical-align: top;">HPDF_Page_Rectangle<br>
235
+ </td>
236
+ </tr>
237
+ <tr>
238
+ <td style="vertical-align: top; text-align: right; width: 24px;">7<br>
239
+ </td>
240
+ <td style="vertical-align: top;">HPDF_Page_Arc<br>
241
+ </td>
242
+ </tr>
243
+ <tr>
244
+ <td style="vertical-align: top; text-align: right;">8<br>
245
+ </td>
246
+ <td style="vertical-align: top;">HPDF_Page_Circle<br>
247
+ </td>
248
+ </tr>
249
+ </tbody>
250
+ </table>
251
+ <br>
252
+ <span style="font-weight: bold;">List of Path Painting Operators</span><br>
253
+ <table style="width: 100%; text-align: left;" border="1" cellpadding="1"
254
+ cellspacing="1">
255
+ <tbody>
256
+ <tr>
257
+ <td
258
+ style="vertical-align: top; text-align: right; background-color: rgb(204, 204, 204); width: 24px;"><br>
259
+ </td>
260
+ <td
261
+ style="vertical-align: top; background-color: rgb(204, 204, 204);">function
262
+ name<br>
263
+ </td>
264
+ </tr>
265
+ <tr>
266
+ <td style="vertical-align: top; text-align: right; width: 24px;">1<br>
267
+ </td>
268
+ <td style="vertical-align: top;">HPDF_Page_Stroke</td>
269
+ </tr>
270
+ <tr>
271
+ <td style="vertical-align: top; text-align: right; width: 24px;">2<br>
272
+ </td>
273
+ <td style="vertical-align: top;">HPDF_Page_ClosePathStroke</td>
274
+ </tr>
275
+ <tr>
276
+ <td style="vertical-align: top; text-align: right; width: 24px;">3<br>
277
+ </td>
278
+ <td style="vertical-align: top;">HPDF_Page_Fill<br>
279
+ </td>
280
+ </tr>
281
+ <tr>
282
+ <td style="vertical-align: top; text-align: right; width: 24px;">4<br>
283
+ </td>
284
+ <td style="vertical-align: top;">HPDF_Page_Eofill<br>
285
+ </td>
286
+ </tr>
287
+ <tr>
288
+ <td style="vertical-align: top; text-align: right; width: 24px;">5<br>
289
+ </td>
290
+ <td style="vertical-align: top;">HPDF_Page_FillStroke<br>
291
+ </td>
292
+ </tr>
293
+ <tr>
294
+ <td style="vertical-align: top; text-align: right; width: 24px;">6<br>
295
+ </td>
296
+ <td style="vertical-align: top;">HPDF_Page_EofillStroke<br>
297
+ </td>
298
+ </tr>
299
+ <tr>
300
+ <td style="vertical-align: top; text-align: right; width: 24px;">7<br>
301
+ </td>
302
+ <td style="vertical-align: top;">HPDF_Page_ClosePathFillStroke<br>
303
+ </td>
304
+ </tr>
305
+ <tr>
306
+ <td style="vertical-align: top; text-align: right;">8<br>
307
+ </td>
308
+ <td style="vertical-align: top;">HPDF_Page_ClosePathEofillStroke<br>
309
+ </td>
310
+ </tr>
311
+ <tr>
312
+ <td style="vertical-align: top; text-align: right;">9<br>
313
+ </td>
314
+ <td style="vertical-align: top;">HPDF_Page_EndPath<br>
315
+ </td>
316
+ </tr>
317
+ </tbody>
318
+ </table>
319
+ <br>
320
+ </div>
321
+ <h3><a name="Text_Showing_"></a>Text Showing<br>
322
+ </h3>
323
+ <div class="bodytext1">A text is drawn by the following steps.<br>
324
+ <ol>
325
+ <li>Start showing text by invoking HPDF_Page_BeginText().</li>
326
+ <li>Set text states(such as font, filling-color...)
327
+ with using "Text State Operators" or "Color Operators". At least
328
+ HPDF_Page_SetFontAndSize() must be invoked once before invoking "Text
329
+ Showing Operators".<br>
330
+ </li>
331
+ <li>Set text positioning by invoking "Text Positioning Operators"<br>
332
+ </li>
333
+ <li>Show text by invoking "Text Showing Operators"</li>
334
+ <li>Repeat the step of 2-4 if necessary. <br>
335
+ </li>
336
+ <li>Finish showing text by invoking HPDF_Page_EndText().</li>
337
+ </ol>
338
+ The figure below explains of the positioning of text drawing.<br>
339
+ &nbsp;<br>
340
+ <img alt="figure5" title="figure5" src="image/figure5.png"
341
+ style="width: 199px; height: 129px;"><br>
342
+ <br>
343
+ <br>
344
+ <br>
345
+ <span style="font-weight: bold;">List of Text State Operator</span>
346
+ <table style="width: 100%; text-align: left;" border="1" cellpadding="1"
347
+ cellspacing="1">
348
+ <tbody>
349
+ <tr>
350
+ <td
351
+ style="vertical-align: top; text-align: right; background-color: rgb(204, 204, 204); width: 24px;"><br>
352
+ </td>
353
+ <td
354
+ style="vertical-align: top; background-color: rgb(204, 204, 204);">function
355
+ name<br>
356
+ </td>
357
+ </tr>
358
+ <tr>
359
+ <td style="vertical-align: top; text-align: right; width: 24px;">1<br>
360
+ </td>
361
+ <td style="vertical-align: top;">HPDF_Page_SetCharSpace</td>
362
+ </tr>
363
+ <tr>
364
+ <td style="vertical-align: top; text-align: right; width: 24px;">2<br>
365
+ </td>
366
+ <td style="vertical-align: top;">HPDF_Page_SetWordSpace</td>
367
+ </tr>
368
+ <tr>
369
+ <td style="vertical-align: top; text-align: right; width: 24px;">3<br>
370
+ </td>
371
+ <td style="vertical-align: top;">HPDF_Page_SetHorizontalScalling<br>
372
+ </td>
373
+ </tr>
374
+ <tr>
375
+ <td style="vertical-align: top; text-align: right; width: 24px;">4<br>
376
+ </td>
377
+ <td style="vertical-align: top;">HPDF_Page_SetTextLeading<br>
378
+ </td>
379
+ </tr>
380
+ <tr>
381
+ <td style="vertical-align: top; text-align: right; width: 24px;">5<br>
382
+ </td>
383
+ <td style="vertical-align: top;">HPDF_Page_SetFontAndSize<br>
384
+ </td>
385
+ </tr>
386
+ <tr>
387
+ <td style="vertical-align: top; text-align: right; width: 24px;">6<br>
388
+ </td>
389
+ <td style="vertical-align: top;">HPDF_Page_SetTextRenderingMode<br>
390
+ </td>
391
+ </tr>
392
+ <tr>
393
+ <td style="vertical-align: top; text-align: right; width: 24px;">7<br>
394
+ </td>
395
+ <td style="vertical-align: top;">HPDF_Page_SetTextRaise<br>
396
+ </td>
397
+ </tr>
398
+ </tbody>
399
+ </table>
400
+ <br>
401
+ <span style="font-weight: bold;">List of Text Positioning Operators</span><br>
402
+ <table style="width: 100%; text-align: left;" border="1" cellpadding="1"
403
+ cellspacing="1">
404
+ <tbody>
405
+ <tr>
406
+ <td
407
+ style="vertical-align: top; text-align: right; background-color: rgb(204, 204, 204); width: 24px;"><br>
408
+ </td>
409
+ <td
410
+ style="vertical-align: top; background-color: rgb(204, 204, 204);">function
411
+ name<br>
412
+ </td>
413
+ </tr>
414
+ <tr>
415
+ <td style="vertical-align: top; text-align: right; width: 24px;">1<br>
416
+ </td>
417
+ <td style="vertical-align: top;">HPDF_Page_MoveTextPos</td>
418
+ </tr>
419
+ <tr>
420
+ <td style="vertical-align: top; text-align: right; width: 24px;">2<br>
421
+ </td>
422
+ <td style="vertical-align: top;">HPDF_Page_MoveTextPos2</td>
423
+ </tr>
424
+ <tr>
425
+ <td style="vertical-align: top; text-align: right; width: 24px;">3<br>
426
+ </td>
427
+ <td style="vertical-align: top;">HPDF_Page_SetTextMatrix<br>
428
+ </td>
429
+ </tr>
430
+ </tbody>
431
+ </table>
432
+ <br>
433
+ <span style="font-weight: bold;">List of Text Showing Operators</span><br>
434
+ <table style="width: 100%; text-align: left;" border="1" cellpadding="1"
435
+ cellspacing="1">
436
+ <tbody>
437
+ <tr>
438
+ <td
439
+ style="vertical-align: top; text-align: right; background-color: rgb(204, 204, 204); width: 24px;"><br>
440
+ </td>
441
+ <td
442
+ style="vertical-align: top; background-color: rgb(204, 204, 204);">function
443
+ name<br>
444
+ </td>
445
+ </tr>
446
+ <tr>
447
+ <td style="vertical-align: top; text-align: right; width: 24px;">1<br>
448
+ </td>
449
+ <td style="vertical-align: top;">HPDF_Page_ShowText</td>
450
+ </tr>
451
+ <tr>
452
+ <td style="vertical-align: top; text-align: right; width: 24px;">2<br>
453
+ </td>
454
+ <td style="vertical-align: top;">HPDF_Page_ShowTextNextLine</td>
455
+ </tr>
456
+ <tr>
457
+ <td style="vertical-align: top; text-align: right; width: 24px;">3<br>
458
+ </td>
459
+ <td style="vertical-align: top;">HPDF_Page_ShowTextNextLineEx<br>
460
+ </td>
461
+ </tr>
462
+ <tr>
463
+ <td style="vertical-align: top; text-align: right;">4<br>
464
+ </td>
465
+ <td style="vertical-align: top;">HPDF_Page_TextOut<br>
466
+ </td>
467
+ </tr>
468
+ <tr>
469
+ <td style="vertical-align: top; text-align: right;">5<br>
470
+ </td>
471
+ <td style="vertical-align: top;">HPDF_Page_TextRect<br>
472
+ </td>
473
+ </tr>
474
+ </tbody>
475
+ </table>
476
+ <br>
477
+ <br>
478
+ </div>
479
+ <h3><a name="Images_"></a>Images<br>
480
+ </h3>
481
+ <div class="bodytext1">&nbsp;There are two functions to draw image on
482
+ Haru. HPDF_DrawImage() is a simple function that shows image at
483
+ specified position and size. HPDF_DrawXObject is more advanced function.<br>
484
+ &nbsp;<br>
485
+ <span style="font-weight: bold;">List of Image Showing Operators</span><br>
486
+ <table style="width: 100%; text-align: left;" border="1" cellpadding="1"
487
+ cellspacing="1">
488
+ <tbody>
489
+ <tr>
490
+ <td
491
+ style="vertical-align: top; text-align: right; background-color: rgb(204, 204, 204); width: 24px;"><br>
492
+ </td>
493
+ <td
494
+ style="vertical-align: top; background-color: rgb(204, 204, 204);">function
495
+ name<br>
496
+ </td>
497
+ </tr>
498
+ <tr>
499
+ <td style="vertical-align: top; text-align: right; width: 24px;">1<br>
500
+ </td>
501
+ <td style="vertical-align: top;">HPDF_Page_ExecuteXObject</td>
502
+ </tr>
503
+ <tr>
504
+ <td style="vertical-align: top; text-align: right; width: 24px;">2<br>
505
+ </td>
506
+ <td style="vertical-align: top;">HPDF_Page_DrawImage</td>
507
+ </tr>
508
+ </tbody>
509
+ </table>
510
+ <br>
511
+ </div>
512
+ <h3><a name="Colors"></a>Colors</h3>
513
+ <div class="bodytext1">&nbsp;Colors are specified using three real
514
+ numbers (ie ones with a decimal
515
+ point) in the form R G B where each number defines the amount of red
516
+ (R), green (G) and blue (B) in a color. The valid numbers are from 0.0
517
+ to 1.0 inclusive.<br>
518
+ <br>
519
+ Below is a table showing 216 example colors and their real notations:<br>
520
+ <table border="0" cellpadding="4" cellspacing="4">
521
+ <tbody>
522
+ <tr>
523
+ <td class="c1" style="background-color: rgb(0, 0, 0);">0.0,&nbsp;0.0,&nbsp;0.0</td>
524
+ <td class="c1" style="background-color: rgb(0, 0, 51);">0.0,&nbsp;0.0,&nbsp;0.2</td>
525
+ <td class="c1" style="background-color: rgb(0, 0, 102);">0.0,&nbsp;0.0,&nbsp;0.4</td>
526
+ <td class="c1" style="background-color: rgb(0, 0, 153);">0.0,&nbsp;0.0,&nbsp;0.6</td>
527
+ <td class="c1" style="background-color: rgb(0, 0, 204);">0.0,&nbsp;0.0,&nbsp;0.8</td>
528
+ <td class="c1" style="background-color: rgb(0, 0, 255);">0.0,&nbsp;0.0,&nbsp;1.0</td>
529
+ </tr>
530
+ <tr>
531
+ <td class="c1" style="background-color: rgb(0, 51, 0);">0.0,&nbsp;0.2,&nbsp;0.0</td>
532
+ <td class="c1" style="background-color: rgb(0, 51, 51);">0.0,&nbsp;0.2,&nbsp;0.2</td>
533
+ <td class="c1" style="background-color: rgb(0, 51, 102);">0.0,&nbsp;0.2,&nbsp;0.4</td>
534
+ <td class="c1" style="background-color: rgb(0, 51, 153);">0.0,&nbsp;0.2,&nbsp;0.6</td>
535
+ <td class="c1" style="background-color: rgb(0, 51, 204);">0.0,&nbsp;0.2,&nbsp;0.8</td>
536
+ <td class="c1" style="background-color: rgb(0, 51, 255);">0.0,&nbsp;0.2,&nbsp;1.0</td>
537
+ </tr>
538
+ <tr>
539
+ <td class="c1" style="background-color: rgb(0, 102, 0);">0.0,&nbsp;0.4,&nbsp;0.0</td>
540
+ <td class="c1" style="background-color: rgb(0, 102, 51);">0.0,&nbsp;0.4,&nbsp;0.2</td>
541
+ <td class="c1" style="background-color: rgb(0, 102, 102);">0.0,&nbsp;0.4,&nbsp;0.4</td>
542
+ <td class="c1" style="background-color: rgb(0, 102, 153);">0.0,&nbsp;0.4,&nbsp;0.6</td>
543
+ <td class="c1" style="background-color: rgb(0, 102, 204);">0.0,&nbsp;0.4,&nbsp;0.8</td>
544
+ <td class="c1" style="background-color: rgb(0, 102, 255);">0.0,&nbsp;0.4,&nbsp;1.0</td>
545
+ </tr>
546
+ <tr>
547
+ <td class="c1" style="background-color: rgb(0, 153, 0);">0.0,&nbsp;0.6,&nbsp;0.0</td>
548
+ <td class="c1" style="background-color: rgb(0, 153, 51);">0.0,&nbsp;0.6,&nbsp;0.2</td>
549
+ <td class="c1" style="background-color: rgb(0, 153, 102);">0.0,&nbsp;0.6,&nbsp;0.4</td>
550
+ <td class="c1" style="background-color: rgb(0, 153, 153);">0.0,&nbsp;0.6,&nbsp;0.6</td>
551
+ <td class="c1" style="background-color: rgb(0, 153, 204);">0.0,&nbsp;0.6,&nbsp;0.8</td>
552
+ <td class="c1" style="background-color: rgb(0, 153, 255);">0.0,&nbsp;0.6,&nbsp;1.0</td>
553
+ </tr>
554
+ <tr>
555
+ <td class="c2" style="background-color: rgb(0, 204, 0);">0.0,&nbsp;0.8,&nbsp;0.0</td>
556
+ <td class="c2" style="background-color: rgb(0, 204, 51);">0.0,&nbsp;0.8,&nbsp;0.2</td>
557
+ <td class="c2" style="background-color: rgb(0, 204, 102);">0.0,&nbsp;0.8,&nbsp;0.4</td>
558
+ <td class="c2" style="background-color: rgb(0, 204, 153);">0.0,&nbsp;0.8,&nbsp;0.6</td>
559
+ <td class="c2" style="background-color: rgb(0, 204, 204);">0.0,&nbsp;0.8,&nbsp;0.8</td>
560
+ <td class="c2" style="background-color: rgb(0, 204, 255);">0.0,&nbsp;0.8,&nbsp;1.0</td>
561
+ </tr>
562
+ <tr>
563
+ <td class="c2" style="background-color: rgb(0, 255, 0);">0.0,&nbsp;1.0,&nbsp;0.0</td>
564
+ <td class="c2" style="background-color: rgb(0, 255, 51);">0.0,&nbsp;1.0,&nbsp;0.2</td>
565
+ <td class="c2" style="background-color: rgb(0, 255, 102);">0.0,&nbsp;1.0,&nbsp;0.4</td>
566
+ <td class="c2" style="background-color: rgb(0, 255, 153);">0.0,&nbsp;1.0,&nbsp;0.6</td>
567
+ <td class="c2" style="background-color: rgb(0, 255, 204);">0.0,&nbsp;1.0,&nbsp;0.8</td>
568
+ <td class="c2" style="background-color: rgb(0, 255, 255);">0.0,&nbsp;1.0,&nbsp;1.0</td>
569
+ </tr>
570
+ <tr>
571
+ <td class="c1" style="background-color: rgb(51, 0, 0);">0.2,&nbsp;0.0,&nbsp;0.0</td>
572
+ <td class="c1" style="background-color: rgb(51, 0, 51);">0.2,&nbsp;0.0,&nbsp;0.2</td>
573
+ <td class="c1" style="background-color: rgb(51, 0, 102);">0.2,&nbsp;0.0,&nbsp;0.4</td>
574
+ <td class="c1" style="background-color: rgb(51, 0, 153);">0.2,&nbsp;0.0,&nbsp;0.6</td>
575
+ <td class="c1" style="background-color: rgb(51, 0, 204);">0.2,&nbsp;0.0,&nbsp;0.8</td>
576
+ <td class="c1" style="background-color: rgb(51, 0, 255);">0.2,&nbsp;0.0,&nbsp;1.0</td>
577
+ </tr>
578
+ <tr>
579
+ <td class="c1" style="background-color: rgb(51, 51, 0);">0.2,&nbsp;0.2,&nbsp;0.0</td>
580
+ <td class="c1" style="background-color: rgb(51, 51, 51);">0.2,&nbsp;0.2,&nbsp;0.2</td>
581
+ <td class="c1" style="background-color: rgb(51, 51, 102);">0.2,&nbsp;0.2,&nbsp;0.4</td>
582
+ <td class="c1" style="background-color: rgb(51, 51, 153);">0.2,&nbsp;0.2,&nbsp;0.6</td>
583
+ <td class="c1" style="background-color: rgb(51, 51, 204);">0.2,&nbsp;0.2,&nbsp;0.8</td>
584
+ <td class="c1" style="background-color: rgb(51, 51, 255);">0.2,&nbsp;0.2,&nbsp;1.0</td>
585
+ </tr>
586
+ <tr>
587
+ <td class="c1" style="background-color: rgb(51, 102, 0);">0.2,&nbsp;0.4,&nbsp;0.0</td>
588
+ <td class="c1" style="background-color: rgb(51, 102, 51);">0.2,&nbsp;0.4,&nbsp;0.2</td>
589
+ <td class="c1" style="background-color: rgb(51, 102, 102);">0.2,&nbsp;0.4,&nbsp;0.4</td>
590
+ <td class="c1" style="background-color: rgb(51, 102, 153);">0.2,&nbsp;0.4,&nbsp;0.6</td>
591
+ <td class="c1" style="background-color: rgb(51, 102, 204);">0.2,&nbsp;0.4,&nbsp;0.8</td>
592
+ <td class="c1" style="background-color: rgb(51, 102, 255);">0.2,&nbsp;0.4,&nbsp;1.0</td>
593
+ </tr>
594
+ <tr>
595
+ <td class="c1" style="background-color: rgb(51, 153, 0);">0.2,&nbsp;0.6,&nbsp;0.0</td>
596
+ <td class="c1" style="background-color: rgb(51, 153, 51);">0.2,&nbsp;0.6,&nbsp;0.2</td>
597
+ <td class="c1" style="background-color: rgb(51, 153, 102);">0.2,&nbsp;0.6,&nbsp;0.4</td>
598
+ <td class="c1" style="background-color: rgb(51, 153, 153);">0.2,&nbsp;0.6,&nbsp;0.6</td>
599
+ <td class="c1" style="background-color: rgb(51, 153, 204);">0.2,&nbsp;0.6,&nbsp;0.8</td>
600
+ <td class="c1" style="background-color: rgb(51, 153, 255);">0.2,&nbsp;0.6,&nbsp;1.0</td>
601
+ </tr>
602
+ <tr>
603
+ <td class="c2" style="background-color: rgb(51, 204, 0);">0.2,&nbsp;0.8,&nbsp;0.0</td>
604
+ <td class="c2" style="background-color: rgb(51, 204, 51);">0.2,&nbsp;0.8,&nbsp;0.2</td>
605
+ <td class="c2" style="background-color: rgb(51, 204, 102);">0.2,&nbsp;0.8,&nbsp;0.4</td>
606
+ <td class="c2" style="background-color: rgb(51, 204, 153);">0.2,&nbsp;0.8,&nbsp;0.6</td>
607
+ <td class="c2" style="background-color: rgb(51, 204, 204);">0.2,&nbsp;0.8,&nbsp;0.8</td>
608
+ <td class="c2" style="background-color: rgb(51, 204, 255);">0.2,&nbsp;0.8,&nbsp;1.0</td>
609
+ </tr>
610
+ <tr>
611
+ <td class="c2" style="background-color: rgb(51, 255, 0);">0.2,&nbsp;1.0,&nbsp;0.0</td>
612
+ <td class="c2" style="background-color: rgb(51, 255, 51);">0.2,&nbsp;1.0,&nbsp;0.2</td>
613
+ <td class="c2" style="background-color: rgb(51, 255, 102);">0.2,&nbsp;1.0,&nbsp;0.4</td>
614
+ <td class="c2" style="background-color: rgb(51, 255, 153);">0.2,&nbsp;1.0,&nbsp;0.6</td>
615
+ <td class="c2" style="background-color: rgb(51, 255, 204);">0.2,&nbsp;1.0,&nbsp;0.8</td>
616
+ <td class="c2" style="background-color: rgb(51, 255, 255);">0.2,&nbsp;1.0,&nbsp;1.0</td>
617
+ </tr>
618
+ <tr>
619
+ <td class="c1" style="background-color: rgb(102, 0, 0);">0.4,&nbsp;0.0,&nbsp;0.0</td>
620
+ <td class="c1" style="background-color: rgb(102, 0, 51);">0.4,&nbsp;0.0,&nbsp;0.2</td>
621
+ <td class="c1" style="background-color: rgb(102, 0, 102);">0.4,&nbsp;0.0,&nbsp;0.4</td>
622
+ <td class="c1" style="background-color: rgb(102, 0, 153);">0.4,&nbsp;0.0,&nbsp;0.6</td>
623
+ <td class="c1" style="background-color: rgb(102, 0, 204);">0.4,&nbsp;0.0,&nbsp;0.8</td>
624
+ <td class="c1" style="background-color: rgb(102, 0, 255);">0.4,&nbsp;0.0,&nbsp;1.0</td>
625
+ </tr>
626
+ <tr>
627
+ <td class="c1" style="background-color: rgb(102, 51, 0);">0.4,&nbsp;0.2,&nbsp;0.0</td>
628
+ <td class="c1" style="background-color: rgb(102, 51, 51);">0.4,&nbsp;0.2,&nbsp;0.2</td>
629
+ <td class="c1" style="background-color: rgb(102, 51, 102);">0.4,&nbsp;0.2,&nbsp;0.4</td>
630
+ <td class="c1" style="background-color: rgb(102, 51, 153);">0.4,&nbsp;0.2,&nbsp;0.6</td>
631
+ <td class="c1" style="background-color: rgb(102, 51, 204);">0.4,&nbsp;0.2,&nbsp;0.8</td>
632
+ <td class="c1" style="background-color: rgb(102, 51, 255);">0.4,&nbsp;0.2,&nbsp;1.0</td>
633
+ </tr>
634
+ <tr>
635
+ <td class="c1" style="background-color: rgb(102, 102, 0);">0.4,&nbsp;0.4,&nbsp;0.0</td>
636
+ <td class="c1" style="background-color: rgb(102, 102, 51);">0.4,&nbsp;0.4,&nbsp;0.2</td>
637
+ <td class="c1" style="background-color: rgb(102, 102, 102);">0.4,&nbsp;0.4,&nbsp;0.4</td>
638
+ <td class="c1" style="background-color: rgb(102, 102, 153);">0.4,&nbsp;0.4,&nbsp;0.6</td>
639
+ <td class="c1" style="background-color: rgb(102, 102, 204);">0.4,&nbsp;0.4,&nbsp;0.8</td>
640
+ <td class="c1" style="background-color: rgb(102, 102, 255);">0.4,&nbsp;0.4,&nbsp;1.0</td>
641
+ </tr>
642
+ <tr>
643
+ <td class="c2" style="background-color: rgb(102, 153, 0);">0.4,&nbsp;0.6,&nbsp;0.0</td>
644
+ <td class="c2" style="background-color: rgb(102, 153, 51);">0.4,&nbsp;0.6,&nbsp;0.2</td>
645
+ <td class="c2" style="background-color: rgb(102, 153, 102);">0.4,&nbsp;0.6,&nbsp;0.4</td>
646
+ <td class="c2" style="background-color: rgb(102, 153, 153);">0.4,&nbsp;0.6,&nbsp;0.6</td>
647
+ <td class="c2" style="background-color: rgb(102, 153, 204);">0.4,&nbsp;0.6,&nbsp;0.8</td>
648
+ <td class="c2" style="background-color: rgb(102, 153, 255);">0.4,&nbsp;0.6,&nbsp;1.0</td>
649
+ </tr>
650
+ <tr>
651
+ <td class="c2" style="background-color: rgb(102, 204, 0);">0.4,&nbsp;0.8,&nbsp;0.0</td>
652
+ <td class="c2" style="background-color: rgb(102, 204, 51);">0.4,&nbsp;0.8,&nbsp;0.2</td>
653
+ <td class="c2" style="background-color: rgb(102, 204, 102);">0.4,&nbsp;0.8,&nbsp;0.4</td>
654
+ <td class="c2" style="background-color: rgb(102, 204, 153);">0.4,&nbsp;0.8,&nbsp;0.6</td>
655
+ <td class="c2" style="background-color: rgb(102, 204, 204);">0.4,&nbsp;0.8,&nbsp;0.8</td>
656
+ <td class="c2" style="background-color: rgb(102, 204, 255);">0.4,&nbsp;0.8,&nbsp;1.0</td>
657
+ </tr>
658
+ <tr>
659
+ <td class="c2" style="background-color: rgb(102, 255, 0);">0.4,&nbsp;1.0,&nbsp;0.0</td>
660
+ <td class="c2" style="background-color: rgb(102, 255, 51);">0.4,&nbsp;1.0,&nbsp;0.2</td>
661
+ <td class="c2" style="background-color: rgb(102, 255, 102);">0.4,&nbsp;1.0,&nbsp;0.4</td>
662
+ <td class="c2" style="background-color: rgb(102, 255, 153);">0.4,&nbsp;1.0,&nbsp;0.6</td>
663
+ <td class="c2" style="background-color: rgb(102, 255, 204);">0.4,&nbsp;1.0,&nbsp;0.8</td>
664
+ <td class="c2" style="background-color: rgb(102, 255, 255);">0.4,&nbsp;1.0,&nbsp;1.0</td>
665
+ </tr>
666
+ <tr>
667
+ <td class="c1" style="background-color: rgb(153, 0, 0);">0.6,&nbsp;0.0,&nbsp;0.0</td>
668
+ <td class="c1" style="background-color: rgb(153, 0, 51);">0.6,&nbsp;0.0,&nbsp;0.2</td>
669
+ <td class="c1" style="background-color: rgb(153, 0, 102);">0.6,&nbsp;0.0,&nbsp;0.4</td>
670
+ <td class="c1" style="background-color: rgb(153, 0, 153);">0.6,&nbsp;0.0,&nbsp;0.6</td>
671
+ <td class="c1" style="background-color: rgb(153, 0, 204);">0.6,&nbsp;0.0,&nbsp;0.8</td>
672
+ <td class="c1" style="background-color: rgb(153, 0, 255);">0.6,&nbsp;0.0,&nbsp;1.0</td>
673
+ </tr>
674
+ <tr>
675
+ <td class="c1" style="background-color: rgb(153, 51, 0);">0.6,&nbsp;0.2,&nbsp;0.0</td>
676
+ <td class="c1" style="background-color: rgb(153, 51, 51);">0.6,&nbsp;0.2,&nbsp;0.2</td>
677
+ <td class="c1" style="background-color: rgb(153, 51, 102);">0.6,&nbsp;0.2,&nbsp;0.4</td>
678
+ <td class="c1" style="background-color: rgb(153, 51, 153);">0.6,&nbsp;0.2,&nbsp;0.6</td>
679
+ <td class="c1" style="background-color: rgb(153, 51, 204);">0.6,&nbsp;0.2,&nbsp;0.8</td>
680
+ <td class="c1" style="background-color: rgb(153, 51, 255);">0.6,&nbsp;0.2,&nbsp;1.0</td>
681
+ </tr>
682
+ <tr>
683
+ <td class="c1" style="background-color: rgb(153, 102, 0);">0.6,&nbsp;0.4,&nbsp;0.0</td>
684
+ <td class="c1" style="background-color: rgb(153, 102, 51);">0.6,&nbsp;0.4,&nbsp;0.2</td>
685
+ <td class="c1" style="background-color: rgb(153, 102, 102);">0.6,&nbsp;0.4,&nbsp;0.4</td>
686
+ <td class="c1" style="background-color: rgb(153, 102, 153);">0.6,&nbsp;0.4,&nbsp;0.6</td>
687
+ <td class="c1" style="background-color: rgb(153, 102, 204);">0.6,&nbsp;0.4,&nbsp;0.8</td>
688
+ <td class="c1" style="background-color: rgb(153, 102, 255);">0.6,&nbsp;0.4,&nbsp;1.0</td>
689
+ </tr>
690
+ <tr>
691
+ <td class="c2" style="background-color: rgb(153, 153, 0);">0.6,&nbsp;0.6,&nbsp;0.0</td>
692
+ <td class="c2" style="background-color: rgb(153, 153, 51);">0.6,&nbsp;0.6,&nbsp;0.2</td>
693
+ <td class="c2" style="background-color: rgb(153, 153, 102);">0.6,&nbsp;0.6,&nbsp;0.4</td>
694
+ <td class="c2" style="background-color: rgb(153, 153, 153);">0.6,&nbsp;0.6,&nbsp;0.6</td>
695
+ <td class="c2" style="background-color: rgb(153, 153, 204);">0.6,&nbsp;0.6,&nbsp;0.8</td>
696
+ <td class="c2" style="background-color: rgb(153, 153, 255);">0.6,&nbsp;0.6,&nbsp;1.0</td>
697
+ </tr>
698
+ <tr>
699
+ <td class="c2" style="background-color: rgb(153, 204, 0);">0.6,&nbsp;0.8,&nbsp;0.0</td>
700
+ <td class="c2" style="background-color: rgb(153, 204, 51);">0.6,&nbsp;0.8,&nbsp;0.2</td>
701
+ <td class="c2" style="background-color: rgb(153, 204, 102);">0.6,&nbsp;0.8,&nbsp;0.4</td>
702
+ <td class="c2" style="background-color: rgb(153, 204, 153);">0.6,&nbsp;0.8,&nbsp;0.6</td>
703
+ <td class="c2" style="background-color: rgb(153, 204, 204);">0.6,&nbsp;0.8,&nbsp;0.8</td>
704
+ <td class="c2" style="background-color: rgb(153, 204, 255);">0.6,&nbsp;0.8,&nbsp;1.0</td>
705
+ </tr>
706
+ <tr>
707
+ <td class="c2" style="background-color: rgb(153, 255, 0);">0.6,&nbsp;1.0,&nbsp;0.0</td>
708
+ <td class="c2" style="background-color: rgb(153, 255, 51);">0.6,&nbsp;1.0,&nbsp;0.2</td>
709
+ <td class="c2" style="background-color: rgb(153, 255, 102);">0.6,&nbsp;1.0,&nbsp;0.4</td>
710
+ <td class="c2" style="background-color: rgb(153, 255, 153);">0.6,&nbsp;1.0,&nbsp;0.6</td>
711
+ <td class="c2" style="background-color: rgb(153, 255, 204);">0.6,&nbsp;1.0,&nbsp;0.8</td>
712
+ <td class="c2" style="background-color: rgb(153, 255, 255);">0.6,&nbsp;1.0,&nbsp;1.0</td>
713
+ </tr>
714
+ <tr>
715
+ <td class="c1" style="background-color: rgb(204, 0, 0);">0.8,&nbsp;0.0,&nbsp;0.0</td>
716
+ <td class="c1" style="background-color: rgb(204, 0, 51);">0.8,&nbsp;0.0,&nbsp;0.2</td>
717
+ <td class="c1" style="background-color: rgb(204, 0, 102);">0.8,&nbsp;0.0,&nbsp;0.4</td>
718
+ <td class="c1" style="background-color: rgb(204, 0, 153);">0.8,&nbsp;0.0,&nbsp;0.6</td>
719
+ <td class="c1" style="background-color: rgb(204, 0, 204);">0.8,&nbsp;0.0,&nbsp;0.8</td>
720
+ <td class="c1" style="background-color: rgb(204, 0, 255);">0.8,&nbsp;0.0,&nbsp;1.0</td>
721
+ </tr>
722
+ <tr>
723
+ <td class="c1" style="background-color: rgb(204, 51, 0);">0.8,&nbsp;0.2,&nbsp;0.0</td>
724
+ <td class="c1" style="background-color: rgb(204, 51, 51);">0.8,&nbsp;0.2,&nbsp;0.2</td>
725
+ <td class="c1" style="background-color: rgb(204, 51, 102);">0.8,&nbsp;0.2,&nbsp;0.4</td>
726
+ <td class="c1" style="background-color: rgb(204, 51, 153);">0.8,&nbsp;0.2,&nbsp;0.6</td>
727
+ <td class="c1" style="background-color: rgb(204, 51, 204);">0.8,&nbsp;0.2,&nbsp;0.8</td>
728
+ <td class="c1" style="background-color: rgb(204, 51, 255);">0.8,&nbsp;0.2,&nbsp;1.0</td>
729
+ </tr>
730
+ <tr>
731
+ <td class="c2" style="background-color: rgb(204, 102, 0);">0.8,&nbsp;0.4,&nbsp;0.0</td>
732
+ <td class="c2" style="background-color: rgb(204, 102, 51);">0.8,&nbsp;0.4,&nbsp;0.2</td>
733
+ <td class="c2" style="background-color: rgb(204, 102, 102);">0.8,&nbsp;0.4,&nbsp;0.4</td>
734
+ <td class="c2" style="background-color: rgb(204, 102, 153);">0.8,&nbsp;0.4,&nbsp;0.6</td>
735
+ <td class="c2" style="background-color: rgb(204, 102, 204);">0.8,&nbsp;0.4,&nbsp;0.8</td>
736
+ <td class="c2" style="background-color: rgb(204, 102, 255);">0.8,&nbsp;0.4,&nbsp;1.0</td>
737
+ </tr>
738
+ <tr>
739
+ <td class="c2" style="background-color: rgb(204, 153, 0);">0.8,&nbsp;0.6,&nbsp;0.0</td>
740
+ <td class="c2" style="background-color: rgb(204, 153, 51);">0.8,&nbsp;0.6,&nbsp;0.2</td>
741
+ <td class="c2" style="background-color: rgb(204, 153, 102);">0.8,&nbsp;0.6,&nbsp;0.4</td>
742
+ <td class="c2" style="background-color: rgb(204, 153, 153);">0.8,&nbsp;0.6,&nbsp;0.6</td>
743
+ <td class="c2" style="background-color: rgb(204, 153, 204);">0.8,&nbsp;0.6,&nbsp;0.8</td>
744
+ <td class="c2" style="background-color: rgb(204, 153, 255);">0.8,&nbsp;0.6,&nbsp;1.0</td>
745
+ </tr>
746
+ <tr>
747
+ <td class="c2" style="background-color: rgb(204, 204, 0);">0.8,&nbsp;0.8,&nbsp;0.0</td>
748
+ <td class="c2" style="background-color: rgb(204, 204, 51);">0.8,&nbsp;0.8,&nbsp;0.2</td>
749
+ <td class="c2" style="background-color: rgb(204, 204, 102);">0.8,&nbsp;0.8,&nbsp;0.4</td>
750
+ <td class="c2" style="background-color: rgb(204, 204, 153);">0.8,&nbsp;0.8,&nbsp;0.6</td>
751
+ <td class="c2" style="background-color: rgb(204, 204, 204);">0.8,&nbsp;0.8,&nbsp;0.8</td>
752
+ <td class="c2" style="background-color: rgb(204, 204, 255);">0.8,&nbsp;0.8,&nbsp;1.0</td>
753
+ </tr>
754
+ <tr>
755
+ <td class="c2" style="background-color: rgb(204, 255, 0);">0.8,&nbsp;1.0,&nbsp;0.0</td>
756
+ <td class="c2" style="background-color: rgb(204, 255, 51);">0.8,&nbsp;1.0,&nbsp;0.2</td>
757
+ <td class="c2" style="background-color: rgb(204, 255, 102);">0.8,&nbsp;1.0,&nbsp;0.4</td>
758
+ <td class="c2" style="background-color: rgb(204, 255, 153);">0.8,&nbsp;1.0,&nbsp;0.6</td>
759
+ <td class="c2" style="background-color: rgb(204, 255, 204);">0.8,&nbsp;1.0,&nbsp;0.8</td>
760
+ <td class="c2" style="background-color: rgb(204, 255, 255);">0.8,&nbsp;1.0,&nbsp;1.0</td>
761
+ </tr>
762
+ <tr>
763
+ <td class="c1" style="background-color: rgb(255, 0, 0);">1.0,&nbsp;0.0,&nbsp;0.0</td>
764
+ <td class="c1" style="background-color: rgb(255, 0, 51);">1.0,&nbsp;0.0,&nbsp;0.2</td>
765
+ <td class="c1" style="background-color: rgb(255, 0, 102);">1.0,&nbsp;0.0,&nbsp;0.4</td>
766
+ <td class="c1" style="background-color: rgb(255, 0, 153);">1.0,&nbsp;0.0,&nbsp;0.6</td>
767
+ <td class="c1" style="background-color: rgb(255, 0, 204);">1.0,&nbsp;0.0,&nbsp;0.8</td>
768
+ <td class="c1" style="background-color: rgb(255, 0, 255);">1.0,&nbsp;0.0,&nbsp;1.0</td>
769
+ </tr>
770
+ <tr>
771
+ <td class="c1" style="background-color: rgb(255, 51, 0);">1.0,&nbsp;0.2,&nbsp;0.0</td>
772
+ <td class="c1" style="background-color: rgb(255, 51, 51);">1.0,&nbsp;0.2,&nbsp;0.2</td>
773
+ <td class="c1" style="background-color: rgb(255, 51, 102);">1.0,&nbsp;0.2,&nbsp;0.4</td>
774
+ <td class="c1" style="background-color: rgb(255, 51, 153);">1.0,&nbsp;0.2,&nbsp;0.6</td>
775
+ <td class="c1" style="background-color: rgb(255, 51, 204);">1.0,&nbsp;0.2,&nbsp;0.8</td>
776
+ <td class="c1" style="background-color: rgb(255, 51, 255);">1.0,&nbsp;0.2,&nbsp;1.0</td>
777
+ </tr>
778
+ <tr>
779
+ <td class="c2" style="background-color: rgb(255, 102, 0);">1.0,&nbsp;0.4,&nbsp;0.0</td>
780
+ <td class="c2" style="background-color: rgb(255, 102, 51);">1.0,&nbsp;0.4,&nbsp;0.2</td>
781
+ <td class="c2" style="background-color: rgb(255, 102, 102);">1.0,&nbsp;0.4,&nbsp;0.4</td>
782
+ <td class="c2" style="background-color: rgb(255, 102, 153);">1.0,&nbsp;0.4,&nbsp;0.6</td>
783
+ <td class="c2" style="background-color: rgb(255, 102, 204);">1.0,&nbsp;0.4,&nbsp;0.8</td>
784
+ <td class="c2" style="background-color: rgb(255, 102, 255);">1.0,&nbsp;0.4,&nbsp;1.0</td>
785
+ </tr>
786
+ <tr>
787
+ <td class="c2" style="background-color: rgb(255, 153, 0);">1.0,&nbsp;0.6,&nbsp;0.0</td>
788
+ <td class="c2" style="background-color: rgb(255, 153, 51);">1.0,&nbsp;0.6,&nbsp;0.2</td>
789
+ <td class="c2" style="background-color: rgb(255, 153, 102);">1.0,&nbsp;0.6,&nbsp;0.4</td>
790
+ <td class="c2" style="background-color: rgb(255, 153, 153);">1.0,&nbsp;0.6,&nbsp;0.6</td>
791
+ <td class="c2" style="background-color: rgb(255, 153, 204);">1.0,&nbsp;0.6,&nbsp;0.8</td>
792
+ <td class="c2" style="background-color: rgb(255, 153, 255);">1.0,&nbsp;0.6,&nbsp;1.0</td>
793
+ </tr>
794
+ <tr>
795
+ <td class="c2" style="background-color: rgb(255, 204, 0);">1.0,&nbsp;0.8,&nbsp;0.0</td>
796
+ <td class="c2" style="background-color: rgb(255, 204, 51);">1.0,&nbsp;0.8,&nbsp;0.2</td>
797
+ <td class="c2" style="background-color: rgb(255, 204, 102);">1.0,&nbsp;0.8,&nbsp;0.4</td>
798
+ <td class="c2" style="background-color: rgb(255, 204, 153);">1.0,&nbsp;0.8,&nbsp;0.6</td>
799
+ <td class="c2" style="background-color: rgb(255, 204, 204);">1.0,&nbsp;0.8,&nbsp;0.8</td>
800
+ <td class="c2" style="background-color: rgb(255, 204, 255);">1.0,&nbsp;0.8,&nbsp;1.0</td>
801
+ </tr>
802
+ <tr>
803
+ <td class="c2" style="background-color: rgb(255, 255, 0);">1.0,&nbsp;1.0,&nbsp;0.0</td>
804
+ <td class="c2" style="background-color: rgb(255, 255, 51);">1.0,&nbsp;1.0,&nbsp;0.2</td>
805
+ <td class="c2" style="background-color: rgb(255, 255, 102);">1.0,&nbsp;1.0,&nbsp;0.4</td>
806
+ <td class="c2" style="background-color: rgb(255, 255, 153);">1.0,&nbsp;1.0,&nbsp;0.6</td>
807
+ <td class="c2" style="background-color: rgb(255, 255, 204);">1.0,&nbsp;1.0,&nbsp;0.8</td>
808
+ <td class="c2" style="background-color: rgb(255, 255, 255);">1.0,&nbsp;1.0,&nbsp;1.0</td>
809
+ </tr>
810
+ </tbody>
811
+ </table>
812
+ NB The above table contains what is known as the "web safe" color
813
+ palette, it is also known by the following names: browser-safe palette,
814
+ Netscape palette,
815
+ 216 color palette, Web palette or 6x6x6 color cube.<br>
816
+ <br>
817
+ Historical note: It's purpose was to provide a consistent palette of
818
+ colors for a wide variety of browsers and operating systems which at
819
+ the time usually had 256 colors (8-bit).<br>
820
+ <br>
821
+ The reason that 216 colors were used out of the possible palette of 256
822
+ colors is that this allowed an even sampling of color throughout the
823
+ color space that can be realised on most displays by dividing it up
824
+ into areas which represent one-sixth of the possible values of all
825
+ color components of red, green and blue - hence we get a cube which has
826
+ 6 possible areas of red, 6 of green and 6 of blue which together make
827
+ up 6x6x6 = 216 combinations.<br>
828
+ <br>
829
+ Today most screens are viewed in True color which uses 24-bits and uses
830
+ the full range of 256 possible values for each red, green and blue
831
+ color component which give 256x256x256 = 16777216 colors.<br>
832
+ <br>
833
+ However, this can be quite daunting for non-artists to work with and
834
+ the web safe palette is a useful starting point when considering color
835
+ schemes. <br>
836
+ <br>
837
+ <br>
838
+ <br>
839
+ <br>
840
+ &nbsp; <br>
841
+ <br>
842
+ <br>
843
+ </div>
844
+ <br>
845
+ <br>
846
+ <br>
847
+ <br>
848
+ </div>
849
+ </div>
850
+ <div id="lcol">
851
+ <div class="sidebar">
852
+ <ul>
853
+ </ul>
854
+ <ul>
855
+ <li><a href="#Coordination_system_">Coordination system</a></li>
856
+ <li><a href="#Graphics_mode_">Graphics mode</a></li>
857
+ <li><a href="#Path_Painting_">Path Painting</a></li>
858
+ <li><a href="#Text_Showing_">Text Showing</a></li>
859
+ <li><a href="#Images_">Images</a></li>
860
+ <li><a href="#Colors">Colors</a></li>
861
+ </ul>
862
+ <br>
863
+ <br>
864
+ <br>
865
+ <br>
866
+ <br>
867
+ <br>
868
+ <br>
869
+ <br>
870
+ <br>
871
+ <br>
872
+ <br>
873
+ <br>
874
+ <br>
875
+ <br>
876
+ <br>
877
+ <br>
878
+ <br>
879
+ <br>
880
+ <br>
881
+ <br>
882
+ <br>
883
+ <br>
884
+ <br>
885
+ <br>
886
+ <br>
887
+ <br>
888
+ <br>
889
+ <br>
890
+ <br>
891
+ <br>
892
+ <br>
893
+ <br>
894
+ <br>
895
+ <br>
896
+ <br>
897
+ <br>
898
+ <br>
899
+ <br>
900
+ <br>
901
+ <br>
902
+ <br>
903
+ <br>
904
+ <br>
905
+ <br>
906
+ <br>
907
+ <br>
908
+ <br>
909
+ <br>
910
+ <br>
911
+ <br>
912
+ <br>
913
+ <br>
914
+ <br>
915
+ <br>
916
+ <br>
917
+ <br>
918
+ <br>
919
+ <br>
920
+ <br>
921
+ <br>
922
+ <br>
923
+ <br>
924
+ <br>
925
+ <br>
926
+ <br>
927
+ <br>
928
+ <br>
929
+ <br>
930
+ <br>
931
+ <br>
932
+ <br>
933
+ <br>
934
+ <br>
935
+ <br>
936
+ <br>
937
+ <br>
938
+ <br>
939
+ <br>
940
+ <br>
941
+ <br>
942
+ <br>
943
+ <br>
944
+ <br>
945
+ <br>
946
+ <br>
947
+ <br>
948
+ <br>
949
+ <br>
950
+ <br>
951
+ <br>
952
+ <br>
953
+ <br>
954
+ <br>
955
+ <br>
956
+ <br>
957
+ <br>
958
+ <br>
959
+ <br>
960
+ <br>
961
+ <br>
962
+ <br>
963
+ <br>
964
+ <br>
965
+ <br>
966
+ <br>
967
+ <br>
968
+ <br>
969
+ <br>
970
+ <br>
971
+ <br>
972
+ <br>
973
+ <br>
974
+ <br>
975
+ <br>
976
+ <br>
977
+ <br>
978
+ <br>
979
+ <br>
980
+ <br>
981
+ <br>
982
+ <ul>
983
+ </ul>
984
+ <br>
985
+ <br>
986
+ <br>
987
+ <br>
988
+ <br>
989
+ <br>
990
+ <br>
991
+ <br>
992
+ <br>
993
+ <br>
994
+ <br>
995
+ <br>
996
+ <br>
997
+ <br>
998
+ <br>
999
+ <br>
1000
+ <br>
1001
+ <br>
1002
+ <br>
1003
+ <br>
1004
+ <br>
1005
+ <br>
1006
+ <br>
1007
+ <br>
1008
+ <br>
1009
+ <br>
1010
+ <br>
1011
+ <br>
1012
+ <br>
1013
+ <br>
1014
+ <br>
1015
+ <br>
1016
+ <br>
1017
+ <br>
1018
+ <br>
1019
+ <br>
1020
+ <br>
1021
+ <br>
1022
+ <br>
1023
+ <br>
1024
+ <br>
1025
+ <br>
1026
+ <br>
1027
+ <br>
1028
+ <br>
1029
+ <br>
1030
+ <br>
1031
+ <br>
1032
+ <br>
1033
+ <br>
1034
+ <br>
1035
+ <br>
1036
+ <br>
1037
+ <br>
1038
+ <br>
1039
+ <br>
1040
+ <br>
1041
+ <br>
1042
+ <br>
1043
+ <br>
1044
+ <br>
1045
+ <br>
1046
+ <br>
1047
+ <br>
1048
+ <br>
1049
+ <br>
1050
+ <br>
1051
+ <br>
1052
+ <br>
1053
+ <br>
1054
+ <br>
1055
+ <br>
1056
+ <br>
1057
+ <br>
1058
+ <br>
1059
+ <br>
1060
+ <br>
1061
+ <br>
1062
+ <br>
1063
+ <br>
1064
+ <br>
1065
+ <br>
1066
+ <br>
1067
+ <br>
1068
+ <br>
1069
+ <br>
1070
+ <br>
1071
+ <br>
1072
+ <br>
1073
+ <br>
1074
+ <br>
1075
+ <br>
1076
+ <br>
1077
+ <br>
1078
+ <br>
1079
+ <br>
1080
+ <br>
1081
+ <br>
1082
+ <br>
1083
+ <br>
1084
+ <br>
1085
+ <br>
1086
+ <br>
1087
+ <br>
1088
+ <br>
1089
+ <br>
1090
+ <br>
1091
+ <br>
1092
+ <br>
1093
+ <br>
1094
+ <br>
1095
+ <br>
1096
+ <br>
1097
+ <br>
1098
+ <br>
1099
+ <br>
1100
+ <br>
1101
+ <br>
1102
+ <br>
1103
+ <br>
1104
+ <br>
1105
+ <br>
1106
+ <br>
1107
+ <br>
1108
+ <br>
1109
+ <br>
1110
+ <br>
1111
+ <br>
1112
+ <br>
1113
+ <br>
1114
+ <br>
1115
+ <br>
1116
+ <br>
1117
+ <br>
1118
+ <br>
1119
+ <br>
1120
+ <br>
1121
+ <br>
1122
+ <br>
1123
+ <br>
1124
+ <br>
1125
+ <br>
1126
+ <br>
1127
+ <br>
1128
+ <br>
1129
+ <br>
1130
+ <br>
1131
+ <br>
1132
+ <br>
1133
+ <br>
1134
+ <br>
1135
+ <br>
1136
+ <br>
1137
+ <br>
1138
+ <br>
1139
+ <br>
1140
+ <br>
1141
+ <br>
1142
+ <br>
1143
+ <br>
1144
+ <br>
1145
+ <br>
1146
+ <br>
1147
+ <br>
1148
+ <br>
1149
+ <br>
1150
+ <br>
1151
+ <br>
1152
+ <br>
1153
+ <br>
1154
+ <br>
1155
+ <br>
1156
+ <br>
1157
+ <br>
1158
+ <br>
1159
+ <br>
1160
+ <br>
1161
+ <br>
1162
+ <br>
1163
+ <br>
1164
+ <br>
1165
+ <br>
1166
+ <br>
1167
+ <br>
1168
+ <br>
1169
+ <br>
1170
+ <br>
1171
+ <br>
1172
+ <br>
1173
+ <br>
1174
+ <br>
1175
+ <br>
1176
+ <br>
1177
+ <br>
1178
+ <br>
1179
+ <br>
1180
+ <br>
1181
+ <br>
1182
+ <br>
1183
+ <br>
1184
+ <br>
1185
+ <br>
1186
+ <br>
1187
+ <br>
1188
+ <br>
1189
+ <br>
1190
+ <br>
1191
+ <br>
1192
+ <br>
1193
+ <br>
1194
+ <br>
1195
+ <br>
1196
+ </div>
1197
+ </div>
1198
+ <br>
1199
+ <br>
1200
+ <br>
1201
+ <br>
1202
+ <br>
1203
+ <br>
1204
+ <br>
1205
+ <br>
1206
+ <br>
1207
+ <br>
1208
+ </div>
1209
+ </body>
1210
+ </html>