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、安装成功后,点击打印,会自动打开系统打印机。
在这里插入图片描述

发布了44 篇原创文章 · 获赞 24 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43634982/article/details/90608012