网页端实现一键打印功能,H5,热敏打印机,普通打印机

前几天做项目的时候,遇到一个要求,需要在网页端链接打印设备,达到一键快速打印的目的!(废话不多说,上干货 0-0)

第一步:http://www.c-lodop.com/download.html

进入下载页面,推荐下载Lodop 综合版(内附源码页网页端实现一键打印功能,H5,热敏打印机,普通打印机

网页端实现一键打印功能,H5,热敏打印机,普通打印机

第二步:解压文件,安装下面这个文件

网页端实现一键打印功能,H5,热敏打印机,普通打印机

网页端实现一键打印功能,H5,热敏打印机,普通打印机


第三步:选择 PrintSampIndex.html 文件在浏览器中打开,如下:

网页端实现一键打印功能,H5,热敏打印机,普通打印机

网页端实现一键打印功能,H5,热敏打印机,普通打印机

找到自己需要使用的例子,页面的对应信息都在对应的html文件中(可自行选择使用);

至此结束  网页端实现一键打印功能,H5,热敏打印机,普通打印机 网页端实现一键打印功能,H5,热敏打印机,普通打印机 网页端实现一键打印功能,H5,热敏打印机,普通打印机


PS:如果阁下也是性情慵懒之人,那你做 网页端实现一键打印功能,H5,热敏打印机,普通打印机 程序员;

just kidding ! 

to do like this !

1:在你的页面head 部分引入下面这个 标签!

<script language="javascript" src="http://localhost:8000/CLodopDemos/LodopFuncs.js"></script>

2:下面这句加在页面body里面,*所有要打印的东西都在这个 div中*

<div id="content"></div> 

3:页面中加入这部分js!

<script language="javascript" type="text/javascript"> 
    var LODOP;//声明为全局变量 
function prn_print(){
CreateOneFormPage();
LODOP.PRINT();

};
function CreateOneFormPage(){
LODOP=getLodop();
LODOP.SET_PRINT_STYLE("FontSize",12);//打印区域的字体大小
LODOP.SET_PRINT_PAGESIZE(5,560,1250,"");//打印区域的整体尺寸
LODOP.ADD_PRINT_HTM(5,5,500,1350,document.getElementById("content").innerHTML);
};
</script>

end 网页端实现一键打印功能,H5,热敏打印机,普通打印机

就写这些吧,有问题的可以留下评论!

文章中涉及插件功能来自lodop 官网,请勿要用于非法,盈利,等其他带有目的性用途!!!