Lodop控件如何设置WEB页面打印时加载背景图片（单位公章/快递单）并在预览后导出带背景的图，带上或不带背景图打印

admin

2023年9月27日 16:15 本文热度 600

Lodop中的ADD_PRINT_SETUP_BKIMG，可以加载上背景图，该背景图在预览的时候可以显示也可以不显示，打印可以打印出来也可以不打印出来。
一般套打，都是不打印背景图的，比如一些快递的快递单，通常预览和导出图片会放在两个按钮里，如果想要打印预览和导出图片都执行，也可以，但是需要放在两个任务里。
什么是一个任务，可查看本博客的另一篇博文：Lodop打印语句最基本结构介绍（什么是一个任务）

想要设置，预览包含背景图，打印不包含背景图，预览后弹窗导出图片，可以用如下方法设置：

//预览语句
LODOP.PRINT_INIT(""); //初始化
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://s1.sinaimg.cn/middle/721e77e5t99431b026bd0&690'>");//背景图
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",1);//预览包含背景图

//导出图片语句
LODOP.PRINT_INIT(""); //初始化
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://s1.sinaimg.cn/middle/721e77e5t99431b026bd0&690'>");//背景图
LODOP.SET_SHOW_MODE("BKIMG_PRINT",1);//打印包含背景图

导出图片导出的是所有打印内容，而不是预览的内容，所以要设置打印包含背景图该句，然后进行导出。

<script language="javascript" type="text/javascript">   

    var LODOP; //声明为全局变量 
    function prn1_preview() {    
        LODOP=getLodop(); 

        LODOP.PRINT_INIT("");//初始化
        LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://s1.sinaimg.cn/middle/721e77e5t99431b026bd0&690'>");//背景图
        LODOP.ADD_PRINT_TEXT(0,0,100,20,"文本内容一");//文本项
        LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",1); //预览包含背景图    
        LODOP.PREVIEW();    
        LODOP.PRINT_INIT("");//初始化
        LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://s1.sinaimg.cn/middle/721e77e5t99431b026bd0&690'>");//背景图
        LODOP.ADD_PRINT_TEXT(0,0,100,20,"文本内容一");//文本项
        LODOP.SET_SHOW_MODE("BKIMG_PRINT",1);//打印包含背景图            
        LODOP.SET_SAVE_MODE("SAVEAS_IMGFILE_EXENAME",".emf");
        LODOP.SAVE_TO_FILE("新的矢量图片文件.emf"); 

    };
</script>

该文章在 2023/9/27 16:52:55 编辑过