js利用CLodop实现打印功能

、引入LodopFuncs.js(可去LodopFuncs官网下载)

<script src="LodopFuncs.js" type="text/javascript" charset="utf-8"></script>

2、打印局部页面,以“printarea”命名元素ID
3、打印按钮添加点击事件

$(".print-btn").on("click", function() {
		// 打印初始化
		var LODOP = getLodop();
		
		LODOP.PRINT_INIT("打印商品标签");
		// 设置纸张大小
		LODOP.SET_PRINT_PAGESIZE(0,2100,2970,"商品标签");
		// 设置字体
		LODOP.SET_PRINT_STYLE("FontSize", 16);
 		// 设置加粗
 		LODOP.SET_PRINT_STYLE("Bold", 1);
		// 增加超文本项
		LODOP.ADD_PRINT_HTM("5mm", "5mm", 2100, 2970, document.getElementById("printarea").innerHTML);
		// 打印预览
		LODOP.PREVIEW();
	})

4、如果电脑上没有安装CLodop,在打印初始化时会提示需要安装CLodop插件。可更改源码修改安装提示的方法。
5、安装成功后,点击打印,会自动打开系统打印机。
在这里插入图片描述

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值