原文链接

使用pdf.js插件与LODOP控件实现前端浏览器静默打印PDF文件

lodop官网地址：http://www.lodop.net/download.html

点击下载，文件里有使用手册

我是在vue项目中使用的

点击官网地址，下载后，解压之后会有个文件，

里面有CLodop_Setup_for_Win32NT.exe 、 install_lodop32.exe、install_lodop64.exe

1、我直接安装了CLodop_Setup_for_Win32NT.exe

2、把LodopFuncs.js文件引入项目

在head 或 body中引入

<script src="static/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></embed>
    </object>

3、页面中

　　template:

<div id="printarea" v-html="bb" v-show="false"></div>
<el-button @click="print()">打印</el-button>

print()方法：

　　　　print(){
            // 打印初始化
            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();
            //直接打印
            // LODOP.PRINT();
        },

预览和直接打印选1个即可，然后安装上打印机，就可以打印了！！！！

lodop设计url地址：http://test.kerunsoft.cn/lodop_print/

参数说明：　

SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName);

参数含义：
　　intOrient：打印方向及纸张类型
　　　　值为1---纵向打印，固定纸张；
　　　　值为2---横向打印，固定纸张；
　　　　值为3---纵向打印，宽度固定，高度按打印内容的高度自适应；
　　　　0(或其它)----打印方向由操作者自行选择或按打印机缺省设置。
　　intPageWidth：
　　　　纸张宽，单位为0.1mm 譬如该参数值为45，则表示4.5mm,计量精度是0.1mm。

　　　　intPageHeight：
　　　　　　固定纸张时该参数是纸张高；高度自适应时该参数是纸张底边的空白高，计量单位与纸张宽一样。

　　　　strPageName：
　　　　　　纸张名，必须intPageWidth等于零时本参数才有效，有如下选择：
　　　　　　　　Letter, LetterSmall, Tabloid, Ledger, Legal,Statement, Executive,
　　　　　　　　A3, A4, A4Small, A5, B4, B5, Folio, Quarto, qr10X14, qr11X17, Note,
　　　　　　　　Env9, Env10, Env11, Env12,Env14, Sheet, DSheet, ESheet

lodop第三方插件的使用

使用pdf.js插件与LODOP控件实现前端浏览器静默打印PDF文件

猜你喜欢