PrintSample29.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>WEB打印控件LODOP的样例二十九:各种长度单位的使用</title>
  6. <script language="javascript" src="LodopFuncs.js"></script>
  7. </head>
  8. <body>
  9. <h2><font color="#009999">演示使用各种长度单位:</font></h2>
  10. <table cellpadding="0" cellspacing="0" border="0" class="numberedList" width="572">
  11. <tr id="eCE2" vAlignment="top" class>
  12. <td Alignment="right" class="dropCapQ" nowrap width="6"></td>
  13. <td width="812">
  14. <table name="tiba" class="tiba" width="769">
  15. <tr>
  16. <td>Lodop很多函数的参数可声明使用<font color="#0000FF">in(英寸)、cm(厘米)、mm(毫米)、pt(磅)</font><font color="#0000FF">、px(1/96英寸)</font>等长度单位,</td>
  17. </tr>
  18. <tr>
  19. <td>
  20. 注意这里的<font color="#0000FF">px</font>不是像素,是绝对长度单位,<font color="#0000FF">1px</font>等于<font color="#0000FF">1/96</font>英寸,与正常<font color="#0000FF">DPI</font>显示设置的像素值相等。如果
  21. </td>
  22. </tr>
  23. <tr>
  24. <td>
  25. 采用该单位,那么正常显示的屏幕内容与实际打印输出的内容大小相当,这个长度单位可以实现感觉上
  26. </td>
  27. </tr>
  28. <tr style="padding:0px 0px 7px 0px;border:inset 1px #f00;">
  29. <td style="vertical-Alignment: top" width="739">
  30. 的“所见等于所打”,<font color="#0000FF">px</font>是缺省长度单位,如此以来,单位换算关系为:
  31. </td>
  32. </tr>
  33. <tr style="padding:0px 0px 7px 0px;border:inset 1px #f00;">
  34. <td style="vertical-Alignment: top" width="739">
  35. <font color="#0000FF">1in = 2.54cm = 25.4mm = 72pt = 96px</font>
  36. </td>
  37. </tr>
  38. <tr style="padding:0px 0px 7px 0px;border:inset 1px #f00;">
  39. <td style="vertical-Alignment: top" width="739">
  40. &nbsp;
  41. </td>
  42. </tr>
  43. <tr style="padding:0px 0px 7px 0px;border:inset 1px #f00;">
  44. <td style="vertical-Alignment: top" width="739">
  45. 如下是相关函数清单(红色参数部分):
  46. </td>
  47. </tr>
  48. <tr style="padding:0px 0px 7px 0px;border:inset 1px #f00;">
  49. <td style="vertical-Alignment: top" width="739">
  50. <font color="#0000FF" size="2">PRINT_INITA(</font><font color="#FF0000" size="2">Top,Left,Width,Height</font><font color="#0000FF" size="2">,strPrintTaskName);</font></td>
  51. </tr>
  52. <tr style="padding:0px 0px 7px 0px;border:inset 1px #f00;">
  53. <td style="vertical-Alignment: top" width="739">
  54. <font color="#0000FF" size="2">ADD_PRINT_TEXT(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">strContent:);</font></td>
  55. </tr>
  56. <tr>
  57. <td style="vertical-Alignment: top" width="739"><font color="#0000FF" size="2">ADD_PRINT_HTM(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">strHtml);</font></td>
  58. </tr>
  59. <tr>
  60. <td style="vertical-Alignment: top" width="739"><font color="#0000FF" size="2">ADD_PRINT_TABLE(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">strHtml);</font></td>
  61. </tr>
  62. <tr>
  63. <td style="vertical-Alignment: top" width="739">
  64. <font color="#0000FF" size="2">ADD_PRINT_URL(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">strURL);</font></td>
  65. </tr>
  66. <tr>
  67. <td style="vertical-Alignment: top" width="739">
  68. <font color="#0000FF" size="2">ADD_PRINT_IMAGE(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">strHtml);</font></td>
  69. </tr>
  70. <tr>
  71. <td style="vertical-Alignment: top" width="739"><font color="#0000FF" size="2">ADD_PRINT_TBURL(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">strURL);</font></td>
  72. </tr>
  73. <tr>
  74. <td style="vertical-Alignment: top" width="739"><font color="#0000FF" size="2">ADD_PRINT_HTML(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">strHtml);</font></td>
  75. </tr>
  76. <tr>
  77. <td style="vertical-Alignment: top" width="739"><font color="#0000FF" size="2">ADD_PRINT_LINE(</font><font color="#FF0000" size="2">Top1,Left1,Top2,Left2,</font><font color="#0000FF" size="2">intLineStyle,intLineWidth);</font></td>
  78. </tr>
  79. <tr>
  80. <td style="vertical-Alignment: top" width="739">
  81. <font color="#0000FF" size="2">ADD_PRINT_RECT(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">intLineStyle,intLineWidth);</font></td>
  82. </tr>
  83. <tr>
  84. <td style="vertical-Alignment: top" width="739">
  85. <font color="#0000FF" size="2">ADD_PRINT_ELLIPSE(</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">intLineStyle,intLineWidth);</font></td>
  86. </tr>
  87. <tr>
  88. <td style="vertical-Alignment: top" width="739">
  89. <font color="#0000FF" size="2">ADD_PRINT_SHAPE(intShapeType,</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">intLineStyle,intLineWidth);</font></td>
  90. </tr>
  91. <tr>
  92. <td style="vertical-Alignment: top" width="739">
  93. <font color="#0000FF" size="2">ADD_PRINT_TEXTA(strItemName,</font><font color="#FF0000" size="2">Top,Left,Width,Height,</font><font color="#0000FF" size="2">strContent);</font></td>
  94. </tr>
  95. <tr>
  96. <td style="vertical-Alignment: top" width="739">
  97. <font color="#0000FF" size="2">SET_PREVIEW_WINDOW(intDispMode,intToolMode,blDirectPrint,</font><font color="#FF0000" size="2">Width,Height,</font><font color="#0000FF" size="2">strPButtonCaptoin);</font>
  98. </td>
  99. </tr>
  100. <tr>
  101. <td style="vertical-Alignment: top" width="739">
  102. &nbsp;
  103. </td>
  104. </tr>
  105. <tr>
  106. <td style="vertical-Alignment: top" width="739">
  107. 例如画100mm×12.4mm矩形框,如下几行代码都可以实现:</td>
  108. </tr>
  109. <tr>
  110. <td style="vertical-Alignment: top" width="739">
  111. <font color="#0000FF" size="2">ADD_PRINT_RECT(26,37,378,47,0,1);</font></td>
  112. </tr>
  113. <tr>
  114. <td style="vertical-Alignment: top" width="739">
  115. <font color="#0000FF" size="2">ADD_PRINT_RECT("72pt","27.8pt","283.5pt","35.2pt",0,1);</font></td>
  116. </tr>
  117. <tr>
  118. <td style="vertical-Alignment: top" width="739">
  119. <font color="#0000FF" size="2">ADD_PRINT_RECT("43.9mm","9.8mm","100mm","12.4mm",0,1);</font></td>
  120. </tr>
  121. <tr>
  122. <td style="vertical-Alignment: top" width="739">
  123. <font color="#0000FF" size="2">ADD_PRINT_RECT("6.24cm",".98cm","10cm","1.24cm",0,1);</font></td>
  124. </tr>
  125. <tr>
  126. <td style="vertical-Alignment: top" width="739">
  127. <font color="#0000FF" size="2">ADD_PRINT_RECT("3.177in",".385in","3.938in",".49in",0,1);</font></td>
  128. </tr>
  129. <tr>
  130. <td style="vertical-Alignment: top" width="739">用以上代码进入<a href="javascript:myDesign()"><b>打印设计</b></a>看看!</td>
  131. </tr>
  132. <tr>
  133. <td style="vertical-Alignment: top" width="739"></td>
  134. </tr>
  135. </table>
  136. </td>
  137. </tr>
  138. </table>
  139. <p><a href="PrintSampIndex.html">&lt;&lt;回样例目录</a></p>
  140. <script language="javascript" type="text/javascript">
  141. var LODOP; //声明为全局变量
  142. function myDesign() {
  143. LODOP=getLodop();
  144. LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_计量单位演示");
  145. LODOP.ADD_PRINT_RECT(26,37,378,47,0,1);
  146. LODOP.ADD_PRINT_RECT("72pt","27.8pt","283.5pt","35.2pt",0,1);
  147. LODOP.ADD_PRINT_RECT("43.9mm","9.8mm","100mm","12.4mm",0,1);
  148. LODOP.ADD_PRINT_RECT("6.24cm",".98cm","10cm","1.24cm",0,1);
  149. LODOP.ADD_PRINT_RECT("3.177in",".385in","3.938in",".49in",0,1);
  150. LODOP.PRINT_DESIGN();
  151. };
  152. </script>
  153. </body>
  154. </html>