lodop怎么实现在表格中打印显示二维码

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了lodop怎么实现在表格中打印显示二维码相关的知识，希望对你有一定的参考价值。

参考技术A LODOP.ADD_PRINT_BARCODE(0,0,200,100,"Code39","*123ABC4567890*");

这行语句不用解释也能理解，其中Code39是条码类型，最后一个参数是条码值。打印区域可任意设置，控件会自动适应条码分辨率。除了Code39外，还可以实现128A、128B、128C、EAN8、EAN13、EAN128A、EAN128B、AN128C 39Extended、2_5interleaved、2_5industrial、2_5matrix、UPC_A、UPC_E0、UPC_E1、UPCsupp2、UPCsupp5、Code93、93Extended、MSI、PostNet、Codabar、QRCode等共计24种国内外常用的条码规制类型，其中最后一个类型QRCode是二维码，其它都是一维码。本回答被提问者采纳

LODOP打印超文本字符串拼接2 单选选择css样式表格

之前的相关字符串拼接的博文：LODOP打印超文本字符串拼接1 固定表格填充数值
之前博文介绍过，字符串可以随意拼接，只要最后组织成的字符串是自己需要的超文本就可以了，前面还有一篇也是拼接样式的：Lodop打印如何隐藏table某一列。
该文也演示拼接样式，演示如何用单选框选择样式，一个按钮实现不同的样式的打印效果。
由于之前的博文：Lodop打印控件不打印css背景图怎么办，这个是早期写的，没有在博文里放代码，代码都在图里，这里再演示下lodop不打印css背景图的解决方法。

如图，一个单选框是选择的table是背景图的样式，一个单选框选的是背景色的样式。就是普通的JS方法，判断一下，然后拼接成不同的字符串。根据选择拼接不同的css样式和内容。

测试代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB打印控件LODOP</title>
<script language="javascript" src="LodopFuncs.js"></script>
</head>
<body>
输入名称1<input type="text" id="T1"><br>
输入数量1<input type="text" id="T2"><br>
输入价格1<input type="text" id="T3"><br>

输入名称2<input type="text" id="T4"><br>
输入数量2<input type="text" id="T5"><br>
输入价格2<input type="text" id="T6"><br>

选择表格样式：<br>
<input type="radio" id="Rp" name="S1" checked >图片为背景的表格样式                         
<input type="radio" id="Rcolor" name="S1">背景色为背景的表格样式
<br>
<a href="javascript:prn1_preview()">生成表格</a><br>

<script language="javascript" type="text/javascript">   
        var LODOP; //声明为全局变量 
    function prn1_preview() //传入html内容带变量拼接字符串
        LODOP=getLodop(); 
        LODOP.PRINT_INIT("");
        LODOP.SET_PRINT_PAGESIZE(1,1200,1020,"");//纸张宽120mm,高102mm
        var n1=document.getElementById("T1").value;
        var n2=document.getElementById("T2").value;
        var n3=document.getElementById("T3").value;
        var na=document.getElementById("T4").value;
        var nb=document.getElementById("T5").value;
        var nc=document.getElementById("T6").value;
        var strStyle2="<head><style>tableborder-collapse:collapse;width:120mm;height:100mm;.td1width:25mm;height:100mm;background-color:#bdece8;tdwidth:25mm;height:50mm;background-color:#ecbde8;</style></head>";

        strStyle1="<head><style>tableborder-collapse:collapse;width:120mm;height:100mm;.td1width:25mm;height:100mm;tdwidth:25mm;height:50mm;</style></head>";

        var strbody="<body><div id=‘div1‘><table border=1><tr> <td rowspan=‘2‘ class=‘td1‘>名称数量价格</td><td>"+n1+"</td> <td>"+n2+"</td> <td>"+n3+"</td> </tr><tr><td>"+na+"</td> <td>"+nb+"</td> <td>"+nc+"</td> </tr></table></div><img src=‘tablebg.png‘ style=‘z-index:-1;position:absolute;left:0px;top:0px;‘></body>";
       var HtmString1=strStyle1+strbody;
       var HtmString2=strStyle2+strbody;

       if (document.getElementById("Rp").checked) 
        LODOP.ADD_PRINT_HTM(0,0,"100%","100%",HtmString1);
        else
        
         LODOP.ADD_PRINT_HTM(0,0,"100%","100%",HtmString2);
            
     LODOP.PREVIEW();        
    ;
</script> 
</body>

图示：技术图片

以上是关于lodop怎么实现在表格中打印显示二维码的主要内容，如果未能解决你的问题，请参考以下文章

Lodop打印二维码内容长度不同如何大小相同

Lodop打印条码二维码设置多宽不一定是多宽

Vue2 中使用C-Lodop打印控件时无法调整二维码大小问题

LODOP打印机打印的表格内容怎么设置换行

在线等，Lodop控件打印出来的表格线是虚线，请问如何改成实线

LODOP打印超文本字符串拼接2 单选选择css样式表格