| 前端打印之路(无预览静默打印) | 您所在的位置：网站首页 › 集成显卡显存怎么设置最好 › 前端打印之路(无预览静默打印) |
前端打印之路(无预览静默打印)
|
let myDoc = {
settings: {
portrait: true, // 纵向
marginLeft: 3, //设置左边距，单位为mm
marginTop: 1,
marginRight: 3,
marginBottom: 1,
}, //直接写document,会直接打印id="page1"的html，page1为第一页，所以上面的id="print"需要改成id="page1"
documents: document, // 打印页面(div)们在本文档中
copyrights: "杰创软件拥有版权 www.jatools.com", // 版权声明必
须
};
var jcp = getJCP();
// false为直接打印
jcp.print(myDoc, false);
需要注意的是这个控件解析的样式跟其他控件稍微不一致，所以开头的样式需要自行调整一下。 现在说一下这个控件的一些限制。 首先，我们使用的是免费版，免费版允许在ie下进行无预览直接打印，但是在其他浏览器下不允许直接打印且在ie下每天有次数限制，每次次数达到以后，重启控件就可以继续使用。 付费版不会有这些问题，但是这个付费也太夸张了。七千多块钱限制也很多，被劝退了。 四、lodop打印控件 网址:http://www.lodop.net/ 官网下载双击直接安装
只安装这个就ok,c-lodop兼容之前的lodop 页面引入 打印代码如下 let htmlStr =document.getElementById("print").innerHTML; LODOP.PRINT_INIT("");//打印初始化 //打印边距设置 LODOP.ADD_PRINT_HTM( 20, "5%", "RightMargin:5%", // "90%", "BottomMargin:9mm", //450, htmlStr ); //预览打印 // LODOP.PRINT(); LODOP.PREVIEW(); //直接打印
官方demo上打印代码除了设置边距其他都一样，但是这里出现个坑， 按照他们的说明，这段代码应该是直接打印但是会有试用版水印，但是在我的xpprint打印机上，出现打印完之后一直打印空白的问题。 后来尝试了网上大量demo后，经过调试一下代码，最终成功出现预计效果！ let strHTML = document.getElementById("print").innerHTML; if (LODOP != null && typeof LODOP.VERSION != "undefined") { LODOP.PRINT_INIT(""); LODOP.SET_PRINT_PAGESIZE(3, "58mm", "10mm", "CreateCustomPage"); LODOP.SET_PRINT_STYLE("FontSize", 15); // 设置打印字体 LODOP.SET_PRINT_STYLE("Bold", 1); // 设置加粗 LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "Height:90%"); LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "Full-Width"); LODOP.ADD_PRINT_HTM(10, 10, "100%", "70%", strHTML); LODOP.PRINT(); // } if (LODOP.CVERSION) { LODOP.On_Return = function (TaskID, Value) { if (Value > 0) { //打印成功 } }; }最终效果：
总结一下lodop的限制： 免费版和付费版差别不大，如果进行预览打印的话，不会出现试用水印。 直接打印免费版会有上面的试用版打印这些水印。付费版可解决这个问题。 不过lodop的购买套餐真的非常乱，真心建议改一下，我们沟通了几天才搞明白应该买哪个套餐。 这个价钱根据自己的使用购买，价格比jcp便宜很多，我们买了260那个套餐。 购买以后他们会发付费版的包和注册码。 需要在LodopFuncs.js中填入注册信息就可以了，也可以在内网使用。
到这里基本你也能选到适合你的打印方式了。
|
【本文地址】
公司简介
联系我们