js打印机怎么设置？终于找到答案了Java web项目实现打印机功能

以前，有一个网络项目需要使用打印机功能来打印小机票。

我上网搜索了一下。用于实现打印机的简单js代码。

但是我的工作不能设计页面上打印功能的构成。

所以我找到了第三方浏览器控件——Lodop

我用的Lodop

首先配置环境

首先下载Lodop环境

Lodop综合版本)

可以使用解压缩下载的压缩文件的CLodo安装。

使用

在html导入,在head或body中加入

<script language="javascript" src="Lodo;></script>

使用的话

var LODOP=getLodop();//直接这样就得到了打印控件对象

常用的方法

PRINT_INIT(strPrintTaskName)//打印初始化 SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)//设定纸张大小 ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)//增加超文本项 ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)//增加纯文本项 ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)//增加表格项 ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)//画图形 SET_PRINT_STYLE(strStyleName, varStyleValue)//设置对象风格 PREVIEW()//打印预览 PRINT()//直接打印 PRINT_SETUP()//打印维护 PRINT_DESIGN()//打印设计

这里使用它的官方的样例

<script language="javascript" type="text/javascript"> var LODOP; //声明为全局变量 function myPrint() { CreatePrintPage(); LODOP.PRINT(); }; function CreatePrintPage() { LODOP=getLodop(); LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_名片"); LODOP.ADD_PRINT_RECT(10,55,360,220,0,1); LODOP.SET_PRINT_STYLE("FontSize",11); LODOP.ADD_PRINT_TEXT(20,180,100,25,"郭德强"); LODOP.SET_PRINT_STYLEA(2,"FontName","隶书"); LODOP.SET_PRINT_STYLEA(2,"FontSize",15); LODOP.ADD_PRINT_TEXT(53,187,75,20,"科学家"); LODOP.ADD_PRINT_TEXT(100,131,272,20,"地址：中国北京社会科学院附近东大街西胡同"); LODOP.ADD_PRINT_TEXT(138,132,166,20,"电话：010-88811888"); }; </script>

预览效果：

打印预览

上面的方法其实还是有点抽象的

Lodop也提供了直接打印html的方法

//直接将idName的内容打印出来 var strHtml = document.getElementById("idName").innerHTML LODOP.ADD_PRINT_HTM(10,55,"100%","100%",strHtml);

我是用的这个来打印小票；

我写的小票的样式

更多详细内容，请看官方文档