1. 安装

官方地址:https://www.lodop.net/

插件下载地址:https://www.lodop.net/download.html

相关文件

  1. 基本使用

2.1控件嵌入

1.通常情况下,在页面中嵌入Lodop如下引用代码,然后用一个全局对象变量来使用控件:
·在head或body中加入:
<script src="LodopFuncs.js"></script>
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 pluginspage="install_lodop32.exe"></embed>
</object> 2.在调用Lodop功能前,先用如下JS过程获得控件对象:
var LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));

2.2常用方法

2.2.1打印条形码和二维码

//打印条形码
ADD_PRINT_BARCODE(Top,Left,Width,Height,BarCodeType,BarCodeValue);
关键参数含义:
Top 垂直偏移位置
Left 水平偏移位置
Width 条码的总宽度,计量单位px(1px=1/96英寸)
Height 条码的总高度(一维条码时包括文字高度)
BarCodeType 条码的类型(规制)名称
BarCodeValue 条码值
目前控件支持的条码类型有如下26种,包含24种一维码和2种二维码:
//一维码
128A,128B,128C,128Auto,EAN8,EAN13,EAN128A,EAN128B,EAN128C,Code39,39Extended,2_5interleaved,2_5industrial2_5matrix
UPC_A,UPC_E0,UPC_E1,UPCsupp2,UPCsupp5,Code93,93Extended,MSI,PostNet,Codabar
//二维码
QRCode,PDF417

2.2.2设置打印纸张大小

//文档地址:https://www.lodop.net/demolist/PrintSample5.html
SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName);
参数说明:
intOrient:打印方向及纸张类型1---纵向打印,固定纸张; 2---横向打印,固定纸张;  3---纵向打印,宽度固定,高度按打印内容的高度自适应(见样例18);0---方向不定,由操作者自行选择或按打印机缺省设置。
intPageWidth:纸张宽,单位为0.1mm 譬如该参数值为45,则表示4.5mm,计量精度是0.1mm。
intPageHeight:固定纸张时该参数是纸张高;高度自适应时该参数是纸张底边的空白高,计量单位与纸张宽一样。
strPageName:纸张类型名, intPageWidth等于零时本参数才有效,具体名称参见操作系统打印服务属性中的格式定义。关键字“CreateCustomPage”会在系统内建立一个名称为“LodopCustomPage”自定义纸张类型。

2.2.3超文本打印(输出HTML代码打印)

ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)
参数定义
intTop:垂直位置偏移
intLeft:水平位置偏移
intWidth:宽度
intHeight:高度
strHtml:超文本内容

2.2.3设置默认打印机

LODOP.SET_PRINTER_INDEX("打印机名或序号")

2.2.4整页缩放打印

//官方文档:https://www.lodop.net/demolist/PrintSample42.html
SET_PRINT_MODE("PRINT_PAGE_PERCENT",varModeValue);
其中varModeValue值及其含义如下:
Full-Width    按整宽,即宽度缩放到与纸宽相当,高度不变,缩放后会变形。
Full-Height    按整高,即高度缩放到与纸高相当,宽度不变,缩放后会变形.
Full-Page    按整页,既按整宽又按整高,缩放后会变形。
Auto-Width    按整宽且不变形,即按整宽的同时,高度与之同比。
Auto-Height    按整高且不变形,即按整高的同时,宽度与之同比。
也可以设置缩放的具体百分比值,数据范围是5%-800%,举例如下:
Width:200%    宽度放大一倍,高度不变。
Height:200%    高度放大一倍,宽度不变。
Width:200%;Height:200%    宽度和高度都放大一倍。
55%    宽度和高度都缩小到原来的55%

2.3条形码生成

 var LODOP = getLodop(document.getElementById("LODOP1"),document.getElementById("LODOP_EM1"));LODOP.PRINT_INIT("14位合格证模版"); //打印任务名称LODOP.SET_PRINT_PAGESIZE(1, "100mm", "150mm", ""); //设置打印的纸张高度LODOP.ADD_PRINT_BARCODE(170, 175, 180, 25, "128A", 'SDFFFSEK123'); //打印产品代码条码LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "Auto-Width"); //设置打印风格,这里是等宽打印LODOP.SET_PRINTER_INDEX("Godex G500"); //设置默认打印机(这里用的是打印机名称)LODOP.PRINT();//最后一个打印(或预览、维护、设计)语句

2.4二维码生成

var LODOP = getLodop(document.getElementById("LODOP1"),document.getElementById("LODOP_EM1"));LODOP.PRINT_INIT("14位合格证模版"); //打印任务名称LODOP.SET_PRINT_PAGESIZE(1, "100mm", "150mm", ""); //设置打印的纸张高度LODOP.ADD_PRINT_BARCODE(170, 175, 180, 25, "QRCode", 'SDFFFSEK123'); //打印产品代码条码LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "Auto-Width"); //设置打印风格,这里是等宽打印LODOP.SET_PRINTER_INDEX("Godex G500"); //设置默认打印机(这里用的是打印机名称)LODOP.PRINT();//最后一个打印(或预览、维护、设计)语句

2.5超文本生成

var LODOP = getLodop(document.getElementById("LODOP1"),document.getElementById("LODOP_EM1")
);
var tableHtml = `<style>
tr {
text-align: center;
width: 100%;height:81px;
}
p{
margin: 0;
}
</style>
<table border="1" rules="all" style="width:100%;">
<tr style="font-weight: bold;font-size: 24px;">
<td colspan="20" >物料产品标识</td>
</tr>
<tr>
</table>`;
LODOP.PRINT_INIT("14位合格证模版"); //打印任务名称
LODOP.SET_PRINT_PAGESIZE(1, "100mm", "150mm", ""); //设置纸张高度
LODOP.ADD_PRINT_HTM("2mm", "2mm", "98mm", "150mm", tableHtml);
LODOP.PRINT();//最后一个打印(或预览、维护、设计)语句

js使用Lodop对接打印机相关推荐

  1. lodop指定打印机打印_使用Lodop实现打印机列表

    html:使用select选择框 默认设备 js代码: 注意:初始化函数最好使用window.onload方法 var LODOP; //获取打印机设备数,用于进行遍历 var count = LOD ...

  2. lodop指定打印机打印_LODOP指定window默认打印机和临时默认打印机

    通过以下语句,可指定windows默认打印机 LODOP.SET_PRINT_MODE("WINDOW_DEFPRINTER",某打印机名或序号); 这种默认打印机是指的windo ...

  3. lodop指定打印机打印_LODOP在页面让客户选择打印机

    获取打印机列表可以放在onload事件里,如过当前是使用的c-lodop,由于websoket链接需要时间,一进入页面可能会报错,被准备好或网页没下载完成等,也可以在点击事件里让用户获取打印机. 之前 ...

  4. lodop指定打印机打印_GitHub - xtjatswc/formext: 基于Lodop封装的打印框架,支持表单、报表配置。...

    表单配置 只需要简单的配置就能实现数据的增删改查,该框架适用于一些个性化的报表.数据编辑需求,其中蓝色字体是可以直接编辑的,失去焦点后保存 部分配置代码如下 require "../../. ...

  5. vue中使用Lodop调用打印机打印条形码

    最近项目遇到vue实现条形码打印功能,经过自己的一番摸索,找到了一款比较友好的打印插件,本次打印使用的Lodop插件进行功能的实现.(官网链接) 1.把官方提供的LodopFuncs.js文件保存到某 ...

  6. LODOP不同打印机出现偏移问题

    方法简单描述: 1.精确套打,设置以纸张边缘为基点,可避免不同可打区域不同带了的影响. 2.不同客户端打印机位置差异,可通过打印维护调整,结果在客户端本地. 或调整打印机初始位置 (本人使用的金税盘的 ...

  7. JS使用Lodop控件打印表单和二维码

    有关Lodop的查询可看文章:Lodop打印条码二维码设置多宽不一定是多宽 一.了解Lodop 1.1Lodop的定义 Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内 ...

  8. 前端对接打印机的一些经验总结

    这块业务大概是半年前搞的吧,也折腾了些日子 大概内容涉及第三方打印机和pc前端网页的对接,还有一块是小程序蓝牙连接第三方打印机的对接,pc那块麻烦点,后期连接和打印规则调通后,剩下的主要就是打印出来的 ...

  9. php lodop,web页面通过JS调用Lodop控件打印小票代码

    //js代码 window.onload = function () { xiaopiaoprint();//页面加载后打印 xiaopiaopreview();//页面加载后预览 }; var my ...

最新文章

  1. Linux 下 svn 的使用
  2. 网页加载出现没有合适的负载均衡器_终于讲清楚了,什么是负载均衡(Load balancing)...
  3. oracle中判断是否为季末,Oracle中取月初,月末,季初,季末及年初,年末时间总结...
  4. webstorm快捷键说明
  5. php mysqli不识别,不识别数据库PHP MYSQLi中的密码
  6. NET问答: ThreadStatic 和 ThreadLocalT 哪一个更好 ?
  7. [html] 网站如何自适应手机屏幕
  8. (王道408考研操作系统)第二章进程管理-第二节1:调度的基本概念及分类以及进程优先级
  9. 滴滴北京网约车将涨价 官方解释:为了平衡供需矛盾
  10. 最后的配置部分:LNMP+Tomcat
  11. 与图论的邂逅09:树上启发式合并
  12. Android模拟器的建立以及HelloWorld的编写
  13. 利用C Free3.5 本身获得自身注册码
  14. VMware ESXI7.0的安装与配置(全过程超详细含中英文对照,附应知必会的理论基础和常见故障解决方案)
  15. ios13一直在估算剩余时间怎么办
  16. 实验室设计规范与标准
  17. 完美世界手游服务器维护中,完美世界手游黑屏闪退解决办法 玩不了怎么办
  18. django序列化drf2
  19. 基于React Native和Ethers.js的电子钱包(二):路由和导航
  20. 私服 php,php私服发布站 代码

热门文章

  1. 企业社保人数不够,可以申报原系统集成CS1级吗?
  2. Hexo图片不显示问题
  3. c swap方法在哪个库里面_C++中的swap(交换函数)
  4. jenkins Exec exit status not zero. Status [127] 解决方法
  5. java:axis2环境下获取方法参数名的另一种方法
  6. 分享这些实用但冷门的软件
  7. Python机器学习算法之支持向量机算法
  8. JavaWEB开发-Servlet事件监听器
  9. vue3 样式绑定class绑定
  10. springboot中使用模板⽅法设计模式-设计模块(六)