Lodop在web中套打的应用

lodop下载

http://www.lodop.net/download.html
放到项目中

jsp中引入

<script type="text/javascript" src="${pageContext.request.contextPath}/webpage/modules/threeSmallRecords/apply/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>
        <script language="javascript">
            var LODOP = getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
        </script>

页面加载后提示安装插件，它会根据相应的操作系统(32位or64位)，选择相应的exe文件，下载安装。卸载时只要复制这个exe文件，然后改名为：uninstall_lodop32.exe，点击运行即可,安装后我们就可以使用里面的JS函数了：

● 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打印设计

LODOP.PRINT_INITA(-14,-12,1437,948,"打印控件操作");
//设置纸张大小,2：表示横向打印，0：定义纸张宽度，为0表示无效设置，A4：设置纸张为A4
//LODOP.SET_PRINT_PAGESIZE(2,0,0,"A4");
//设置纸张大小,2：表示横向打印，2100：定义纸张宽度，2970高度
LODOP.SET_PRINT_PAGESIZE(2,2100,2970,"");
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='${ctxStatic}/static/images/smallapply.jpg'>");//背景图
//背景图样式：代码lodop自动生成(使用方法往下看)
LODOP.SET_SHOW_MODE("BKIMG_WIDTH","285.49mm");
LODOP.SET_SHOW_MODE("BKIMG_HEIGHT","201.88mm");
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",true);
LODOP.SET_PRINT_STYLE("FontSize",14);
LODOP.SET_PRINT_STYLE("Bold",1);
LODOP.ADD_PRINT_TEXT(268,342,264,25,"史蒂夫");
LODOP.ADD_PRINT_IMAGE(471,344,204,24,"<img border='0' src='${ctxStatic}/common/img/logoewm.png'/>");//加载图片(二维码)在背景图中插入另一张图片
 LODOP.PRINT_DESIGN(); //打印预览 
// LODOP.PRINT();//直接打印

lodop预览使用:

点击后有个插入文本项，
在背景图中编辑好文本项后，
选择生成程序代码，复制代码使用即可