前言 此控件直接进行打印底部会有水印,通过官网购买可以解决: 如不想购买,可先执行预览,弹出预览框进行打印: 需要用到的js文件和api文档附后,请注意查看. 首先需要在局部或全局引入LodopFuncs.js文件 import {getLodop} from '../../../components/js/LodopFuncs' 方法中调用 print(){ let LODOP = getLodop(); LODOP.PRINT_INITA(0,0,800,1600,"打印库位名称"

Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件.客户端本地打印角色(即用户访问网站后 用自己链接的打印机进行客户端本地打印),步骤很少,部署简单:Lodop部署web网站 客户端本地打印角色 一.推荐的使用方法是混合部署,即Lodop官网样例那种部署方式,可直接引用LodopFuncs.js,里面写好了判断,判断哪些浏览器走Lodop还是走C-Lodop:LODOP打印控件如何提示用户升级下载安装新版本. 可混合部署,不论浏览器是否支持np插件都

Lodop中可以传入页面存在的css样式,也可以是拼接后的新样式,例如本博客的其他博文:Lodop打印如何隐藏table某一列 需要打印的页面,样式不一定都是行内样式,style样式单独写在页面上,或引用的是.css文件等情况,使用Lodop打印控件进行打印超文本的时候,要注意把样式也传进去.可参考LODOP官网的样例10(或下载中心综合版里自带的样例10),如图,就是该样例的几种引用css样式的方式: 引入之后,可以通过打印设计(PRINT_DESIGN) 选中超文本打印项-右键-把查看到的超

Lodop打印控件批量打印的方式:1.批量打印每页内容相同的:(1)批量打印相同内容的很多纸张,可以设置打印份数,把该内容打印出多份.2.批量打印每页不同内容的:(1)通过在一个任务中分页,循环添加页数,每页添加不同内容,一个任务中打印多页.(2)一个任务中一页,循环多个任务,每个任务添加不同内容.(3)多任务与多页相结合,既分页又分任务,循环多任务,每个任务中循环多页. 使用建议:1.批量打印同样的内容,可用多份,需要多少份打印多少份.2.批量打印不同内容,页数很少,每页内容也很少,需要预览,

Lodop打印控件有很好的自动分页功能,超文本table表格一页装不下,自动分到第二页,第三页……通常表格之前还会有一些内容,比如标题,制表人名称日期什么的杂七杂八的东西,这种东西会占用一定的空间,这些东西只需要在第一页显示.在这种情况下,表格自动分页后,还是会按照打印项原来的top顶边距来进行定位,也就是第二页.第三页……上方,原来标题好制表人日期什么的占用的地方,会显示空白,这段距离还在,这显然是浪费了上方的空间也让纸张看起来留白很不舒服. 这种情况下,Lodop提供了次页偏移方法,让自动分

Lodop打印控件打印html超文本,通常传入一个超文本内容可能会超过纸张,如果要拆分每页显示哪些然后手动分页比较麻烦,Lodop中的超文本都有自动分页的特点.自动分页的依据:1.超文本超过设置的打印项高度自动分页(打印项高度)2.超文本超过纸张自动分页(纸张高度) 超文本分页,有两种可能,1.超过设置的打印项高度 2.打印项超过纸张高度刚接触Lodop的新手有时会奇怪,一页下面还有很多空白 怎么就分页了呢?这是由于超文本打印项高度设定小了的缘故,本博文的(图2)专门介绍什么是打印项高度,以及如

使用Lodop打印控件进行打印开发,有时候一个任务里有多页,例如各种合同之类的,客户端用户在使用过程中,可能有某一页打印后发现需要修改,这时候不必再把整个任务重新打印一遍,只需要打印需要修改的那页重新打印即可.如果客户是让客户预览打印,在预览界面的打印按钮里,多页任务点击后可以看到从第几页到第几页的选项,用户可输入自己要重打的起始页和终止页即可.这个功能也可以在代码里指定,如果是不预览直接打印,那么就可以在页面上加入两个文本框,让客户输入要重打的起始页和终止页进行重打,加上这个功能更有利于用户使

Lodop打印控件中,超文本超过设置的打印项高度 或超过纸张,就会自动分页,纯文本通过设置为多页项也可以根据打印项高度自动分页,Lodop中还提供了许多手动分页的方法,对于多页文档中(自动分页或手动分页),有时候需要标注‘接下一页’,用来表示内容没有结束.自动分页,不知道总共会分多少页,分到的最后一页的数据数量可能很少,造成最后一页下方是空白,需要标注‘以下空白’,表示后面没有其他内容了.Lodop中对打印项的控制很多,可以输出到某页,也可以设置每页输出,‘接下一页’也就是每页输出,最后一页因为

Lodop打印控件利用SET_PRINT_STYLEA里面的“LinkedItem”可以把多个独立的内容关联起来,让它们顺序打印.这样,就可以实现很多效果,例如一些内容紧跟着表格下方输出,关联表格后就是和表格的偏移值,不再用top,left定位,相对于表格.当连续使用关联前一个对象,变成连续顺序关联串的时候,注意第一个对象的高度是当前页输出(所有内容)的高度,超过高度会分页,-1为前一项,可以连成关联串,第一个对象的高度height就是每一页输出的串的高度,也就是说,如果想在一个页面输出整个串的

LODOP.SET_PRINT_STYLE 对该语句后面的打印项样式设置效果.LODOP.SET_PRINT_STYLEA 针对第一个参数设置的打印项样式设置效果.这两个语句,作用范围不同. 在设置字体等样式时,只针对纯文本(add_print_text语句,文本项)有效:纯文本(add_print_text语句,文本项)字体设置方法:一.整体设置(针对文本项),打印初始化后.增加打印项之前调用本函数 LODOP.SET_PRINT_STYLE("FontSize",11);二.单个打

Lodop打印控件打印超文本既可以手动分页,也可以自动分页,自动分页可阅读本博客的另一篇博文:Lodop打印控件 超文本自动分页 自动分页的时候,往往是不知道需要打印的内容到底分了几页,也就不可能预先知道一共几页,也无法在每页设置页码,Lodop提供了语句可以给打印任务添加页码,自动获取该任务一共几页,以及哪些内容分到了哪一页,并且可以设置页码的起始位置和起始值. Lodop输出页码,可以用超文本或纯文本两种方式:1.超文本页码,tdata="pageNO"是第几页,tdata=&qu

Lodop通过增设transcolor属性实现了“先字后章”效果,这个属性可以把某种颜色转成类似透明的效果.例如:把图章的底色白色变成透明:transcolor="#FFFFFF".最好底色是白色,转换后可能会有细小那种颜色的边,如果是两个图片叠加,而底下的图片不是白色,那么白边就会比较明显. png透明图加入后也可能会出现没有透明情况,可试试ADD_PRINT_HTML(图形模式),这种模式不如ADD_PRINT_HTM清晰,后面HTM的语句输出的是解析后的超文本,放大也不会模糊,而

今天初步接触了下打印控件 LODOP实现了自动分页,高度宽度都可以自己设定来分页. 页码,使用LODOP.SET_PRINT_STYLE("ItemType", 2); LODOP.ADD_PRINT_TEXT(0,0,"95%",30,"总页号:第#页/共&页"); 让每个分页都显示页码/总页数,#当前页,$总页数. 每页页眉页脚.使用LODOP.SET_PRINT_STYLE("ItemType", 1); 来让其

先看效果图 : lodop插件  需要安装 打印浏览效果: 实现打印的前提条件 去官网下载几个js包 : http://www.lodop.net/download.html 添加到项目中 图片如下: 把下面这段代码加入到 web 前端需要打印功能页的相应位置 <script language="javascript" src="LodopFuncs.js"></script><object id="LODOP_OB"

最近在做一个打印程序,要实现批量打印功能,在网上找了很多天,也在tp官网咨询大牛们,对大家的的提议我一一进行了研究,总结如下: 要实现批量打印可以有两个办法: 一是利用专业的报表程序,能实现十分复杂的需求,但学习报表也是很痛苦的一件事,我专心研究了一天都没啥进展,也许我实在太菜了.这种方法推荐锐浪报表,免费还好用. 二是利用js插件实现,也在网上找了很多,最后感谢hunduncn,他建议我使用lodop(详见:http://www.thinkphp.cn/topic/12938.html),由于

原文:https://www.cnblogs.com/izhiniao/p/4160117.html 官网:http://www.mtsoftware.cn/demo.html 先看效果图 : lodop插件  需要安装 实现打印的前提条件 去官网下载几个js包 : http://www.lodop.net/download.html 添加到项目中 图片如下: 把下面这段代码加入到 web 前端需要打印功能页的相应位置 <script language="javascript"

1.下载 2.使用 一 下载安装控件 官网下载地址:http://www.lodop.net/download.html 参考:http://www.c-lodop.com/demolist/PrintSample10.html 二 使用 1.引入js:<script src='http://127.0.0.1:8000/CLodopfuncs.js'></script> 2.调用 function printImg(){ if(imgPath.length==0){ return

一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图 二.写在前面 最近项目用到了LODOP的套打,主要用到两个地方,一是物流的面单(即套打在EMS等各种物流快递单),另一个是把数据画成表格来打印出库单.物流面单比较简单,网上有各种例子还是比较方便的.主要说说通过该工具画表格的用法,当然通过ADD_PRINT_TABLE 这种超文本格式(即通过写好表格的html来实现)的也可以琢磨琢磨. 三.lodop的demo <ht

background:url()这是css背景图,http协议会按异步方式下载背景图,所以很容易等不到下载完毕就开始打印了,故lodop不打印css背景图.Lodop不打印css背景图,但是有其他方法输出背景图,在超文本中也可以用普通图片利用层级关系作为背景图输出,img图片设置样式z-index为负值(例如style='z-index: -1;).其他背景图及输出方法,可参考本博客其他博文. Lodop打印html超文本可以输出css背景色,但是不能输出背景图,见图一: 通过设置img图片设置

Lodop提供了打印设计可以方便开发人员的开发,预览是打印的反显,可以显示出打印效果,但是在开发时,还是要用虚拟打印机实际测试,(win7以上系统可能自带xps虚拟打印机 Microsoft XPS Document Writer,或网上搜索下载安装pdf虚拟打印机). 例如,设计加入虚线样式,打印设计和预览都是虚线,打印出来却是实线,这是由于虚线需要把线宽设置为0.非实线的线宽为0,如果想打印虚线,需要设置线宽为0,否则打印出来还会是实线. 此图片用的以前做的,所以前面有个水平直线的.Lodo