PrintSample13.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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>
  10. </h2>
  11. <p><b>一、纯文本内容旋转的设置函数如下:</b></p>
  12. <p><font color="#0000FF">SET_PRINT_STYLEA(varItemNameID,strStyleName,varStyleValue)</font></p>
  13. <p>参数含义:</p>
  14. <p><font color="#0000FF">varItemNameID</font> 打印对象的序号或名称(0代表最后一个)</p>
  15. <p><font color="#0000FF">strStyleName </font><font color="#000000">风格名称,这里为“Angle”</font></p>
  16. <p><font color="#0000FF">varStyleValue </font><font color="#000000">逆时针旋转角度数,单位是度,0度表示不旋转,可设置任意角度旋转。</font></p>
  17. <p><font color="#000000">(注意打印设计看不到旋转效果,进入预览才行,旋转时以左上角为原点)</font></p>
  18. <p><font color="#000000"><b>二、超文本旋转用</b></font><font color="#0000FF">writeing-mode:tb-rl</font><font color="#000000"><b>这个样式(</b></font><font color="#0000FF">Style</font><b><font color="#000000">),只能旋转90度。</font></b></p>
  19. <p><font size="2"><input type="button" value="打印预览" onclick="prn1_preview()"><input type="button" value="打印维护" onclick="prn1_setup()"><input type="button" value="打印设计" onclick="prn1_design()"><br>
  20. </font>
  21. <p><a href="PrintSampIndex.html">&lt;&lt;回样例目录</a></p>
  22. <script language="javascript" type="text/javascript">
  23. var LODOP; //声明为全局变量
  24. function prn1_preview() {
  25. CreateOneFormPage();
  26. LODOP.PREVIEW();
  27. };
  28. function prn1_setup() {
  29. CreateOneFormPage();
  30. LODOP.PRINT_SETUP();
  31. };
  32. function prn1_design() {
  33. CreateOneFormPage();
  34. LODOP.PRINT_DESIGN();
  35. };
  36. function CreateOneFormPage(){
  37. LODOP=getLodop();
  38. LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_内容旋转");
  39. LODOP.SET_PRINT_STYLE("FontName","黑体");
  40. LODOP.SET_PRINT_STYLE("FontSize",15);
  41. LODOP.ADD_PRINT_TEXT(71,162,120,35,"正常内容");
  42. LODOP.ADD_PRINT_TEXT(232,355,325,34,"纯文本逆时针旋转90度\n");
  43. LODOP.SET_PRINT_STYLEA(0,"Angle",90);
  44. LODOP.ADD_PRINT_TEXT(181,161,346,34,"纯文本逆时针旋转45度\n");
  45. LODOP.SET_PRINT_STYLEA(0,"Angle",45);
  46. LODOP.ADD_PRINT_HTM(230,98,163,200,"<table border=\"1\"><tr>\n<td style=\"writing-mode: tb-rl;\">旋转90度</td>\n<td>正常<p>超文本</p><p>内容</p></td>\n</tr></table>\n\n");
  47. };
  48. </script>
  49. </body>
  50. </html>