LODOP中的打印设计是辅助进行开发的，实际打印效果应以预览为准，很多效果都是在设计界面显示不出来，或设计和预览界面有差异。例如add_print_text文本的字间距、行间距，旋转，还有允许标点溢出和英文拆分样式：Lodop纯文本英文-等符号自动换行问题

还有一些超文本样式可能也会出现打印设计界面与预览界面有差异的情况。例如，某些调用的I引擎不同造成默认样式不同：Lodop中特殊符号￥打印设计和预览不同

Lodop除了可以用超文本的table表格，还可以用线条和矩形框制作表格，可以在打印设计里直接插入然后调整，也可以直接在代码里计算间隔等，把线条的上边距等制作变量，循环赋值，直接在代码里写这种由线条打印项组成的表格。
在直接用打印设计进行设计时候，例如矩形框，可能会出现打印设计看着挺好，预览表格（矩形）线重合的部分加粗了，打印设计界面明明是重合的，这时候应以预览为准，打印设计只是辅助设计的，不能代表最终效果，而且重合的矩形的重合可以在代码里累加看出来是否重合，打印设计看似重合，但如果生成代码可以看出并不是完全重合，所以造成预览矩形与矩形交界处出现加粗边框。（不是真的重合造成的）

打印设计与预览不同，以预览效果为准，以数值累加或预览为准。
如图所示，虽然打印设计显示都是细线似乎重合的很好，但是实际预览发现变粗了生成代码后，发现数值少了，图中是一个400*247的大矩形，里面套了四个小矩形，最后剩余的部分是大矩形与最后的空白。
大矩形的上边距要和第一个矩形的上边距融合，需要设置相同的数值，也就是都是top顶边距为15，实际是都重合了，这样设置是正常的。
第二个小矩形的下边要与第二个小矩形的上边重合，这个地方如果在打印设计界面调整到看上去重合的位置，实际生成代码和预览会发现是74，不等于第一个小矩形top上边距和第一个小矩形的height高度之和，所以预览就是显示的粗线条，因为没有重合，是两个边的合计值。
所以调整的时候向下一点，会发现打印设计显示粗了，而预览却正常了，生成代码，正好是等于第一个小矩形top上边距和第一个小矩形的height高度之和。
因此，用Lodop的矩形设计，以数值和预览为准。

代码：

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>WEB打印控件LODOP</title>

<script language="javascript" src="LodopFuncs.js"></script>

</head>

<body>

<a href="javascript:prn1_dg()">打印设计矩形重合 预览不正常</a><br>

<a href="javascript:prn2_dg()">打印设计矩形重合 预览正常</a>

<script language="javascript" type="text/javascript">

        var LODOP; //声明为全局变量

    function prn1_dg() {//打印设计多个矩形重合正常，预览不正常

        LODOP=getLodop();

        LODOP.PRINT_INIT("");

        LODOP.ADD_PRINT_RECT(15,62,400,247,0,1);

        LODOP.ADD_PRINT_RECT(15,62,400,60,0,1);

        LODOP.ADD_PRINT_RECT(74,62,400,60,0,1);

        LODOP.ADD_PRINT_RECT(133,62,200,60,0,1);

        LODOP.ADD_PRINT_RECT(133,262,200,60,0,1);

        //LODOP.PREVIEW();

        LODOP.PRINT_DESIGN();

    };

    function prn2_dg() {//打印设计多个矩形重合不正常，预览正常

        LODOP=getLodop();

        LODOP.PRINT_INIT("");

        LODOP.ADD_PRINT_RECT(15,62,400,247,0,1);//最外层大矩形，top顶边距15，宽度width为400

        LODOP.ADD_PRINT_RECT(15,62,400,60,0,1);

        LODOP.ADD_PRINT_RECT(75,62,400,60,0,1);//15+60=75 上一个矩形的top+上一个矩形的height

        LODOP.ADD_PRINT_RECT(135,62,200,60,0,1);//15+60+60=135

        //上一个矩形的top+上一个矩形的height=75+60     //上上个矩形的top+上上个矩形的height+上个矩形的height=15+60+60

        LODOP.ADD_PRINT_RECT(135,262,200,60,0,1);//62+200=262 最大矩形width-左侧矩形的left-左侧矩形的width

        //LODOP.PREVIEW();

        LODOP.PRINT_DESIGN();

    };

</script>

</body>

图片：

Lodop打印设计矩形重合预览线条变粗的更多相关文章

  1. Lodop打印设计（PRINT_DESIGN）介绍

    打印设计(PRINT_DESIGN)界面上方有两栏菜单栏,举例说明(文本框,条码,图形等).(1)第一排最左侧第一个功能,位置移动:控制里面元素微上下左右移动,每次移动一个px.(用于微调,普通调整可 ...

  2. [简短问答]LODOP如何查看用LODOP打印设计的代码

    该博文为图文简短问答,具体详细介绍可查看本博客的相关博文,生成JS代码相关详细博文:Lodop打印设计(PRINT_DESIGN)介绍.Lodop打印设计.维护.预览.直接打印简单介绍.Lodop打印 ...

  3. JAVA打印类（带预览）

    package tool; import java.awt.*; import java.awt.event.KeyEvent; import java.awt.event.KeyListener; ...

  4. Lodop打印设计里的 打印项对齐

    打印设计界面里,有四个对齐的图标:(1)第一个图标是左右对齐方式,该图标下有四种左右对齐方式.(2)第二个图标是上下对齐方式,该图标下有四种上下对齐方式.(3)第三个图标是等宽对齐,该图标下有三种等宽 ...

  5. Lodop打印设计（PRINT_DESIGN）里的快捷键

    Lodop打印控件,给开发人员提供了可视化编辑工具,编辑后可生成代码,然后复制到自己程序代码中,让开发更简单,打印设计中有一些快捷键也能让开发更便捷. 打印设计快捷键:ctrl 多个选中Shift 左 ...

  6. Lodop打印设计、维护、预览、直接打印简单介绍

    四者的区别和联系:(其中PRINT_DESIGN打印设计是提供给开发人员的,另外三个可开放给用户)PRINT_DESIGN打印设计:辅助开发人员设计,图形化拖动插入修改等,设计完成后,生成代码拷贝到程 ...

  7. lodop打印设计

    <template> <div class="dashboard-container"> <form id="form1"> ...

  8. Lodop打印设计界面生成代码带”...(省略)”

    Lodop的设计界面中,菜单里的生成代码,如果打印项内容过多,后面会显示”...(省略)”,省略的是打印项的内容值,无论是纯文本还是超文本,都可以用选中打印项-右键-设置属性里找到该打印项的全部值,可 ...

  9. ABAP FORM打印转PDF/pdf 预览

    function ZSTXBC_SSFCOMP_PDF_PREVIEW. *"-------------------------------------------------------- ...

随机推荐

  1. jenkins忘记管理员密码之解决方案

    jenkins忘记管理员密码怎么办? 通常有这么几种解决方案,如下所示: (1)进入对应的用户目录文件夹,以ubuntu16.04为例,jenkins安装目录为/var/lib/jenkins进入到该 ...

  2. 【转】深入理解Java：注解（Annotation）--注解处理器

    https://www.cnblogs.com/peida/archive/2013/04/26/3038503.html 如果没有用来读取注解的方法和工作,那么注解也就不会比注释更有用处了.使用注解 ...

  3. bootstraptable 分页查询

    1.前端配置 2.后台输出格式化数据 1.前端配置 @{ Layout = null; } <!DOCTYPE html> <html> <head> <me ...

  4. Hibernate各种基本注解及一对一(多)关系映射采坑笔记

    hibernate提供两种方式配置关系映射,一种XMl配置,一种注解.SpringBoot已经自带了hibernate注解方式,我也是特别喜欢使用注解,特此记下常用的知识点. 1.基本注解 @Tabl ...

  5. 将 ASP.NET Core 2.0 项目升级至 ASP.NET Core 2.1.3X

    在上一篇文章ASP.Net Core 运行错误 Http Error 502.5 解决办法的最后有提到说,最推荐的升级办法是从2.0升级到2.1X版本. 操作如下 项目的例子直接使用https://g ...

  6. OO最后一次作业

    终于开始最后一次作业了,是时候为这学期oo画一个圆满的局句号了. 回首这学期的OO经历,一路走来,经过了开始对面向对象的初步接触,然后就是充满痛苦回忆的多线程,接下来到了令人焦头烂额的规格设计,最后是 ...

  7. OSS网页上传和断点续传（STSToken篇）

    云账号AccessKey拥有所有API访问权限,在客户端不要直接使用,会泄露ak信息,造成安全问题.所以使用STS方式(临时账号权限)给客户端授权. C#版获取STSToken 一.下载阿里SDK(a ...

  8. 在k-means或kNN，我们是用欧氏距离来计算最近的邻居之间的距离。为什么不用曼哈顿距离？

    曼哈顿距离只计算水平或垂直距离,有维度的限制.另一方面,欧氏距离可用于任何空间的距离计算问题. 因为,数据点可以存在于任何空间,欧氏距离是更可行的选择.例如:想象一下国际象棋棋盘,象或车所 做的移动是 ...

  9. nodejs 中的一些方法

    fs.unlink(path, [callback(err)]) //删除文件操作. //path 文件路径 //callback 回调,传递一个异常参数err. ndoe中解决跨域问题 expres ...

  10. OpenStack 与 Rancher

    OpenStack 与 Rancher 融合的新玩法 - Rancher - SegmentFault 思否https://segmentfault.com/a/1190000007965378 Op ...