下面我就为大家分享一篇javaScript 链接打印机,打印小票的实例,具有很好的参考价值,希望对大家有所帮助。
如下所示:
function doPrint(){
bdhtml=window.document.body.innerHTML;
sprnstr="";
eprnstr="";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
top.layer.closeAll();
}
function closes (){
top.layer.closeAll();
}
function downPdf(){
document.getElementById("dayin").style.display = "none";
document.getElementById("baocun").style.display = "none";
html2canvas(document.body, {
onrendered:function(canvas) {
var contentWidth = canvas.width;
var contentHeight = canvas.height;
//一页pdf显示html页面生成的canvas高度;
var pageHeight = contentWidth / 592.28 * 841.89;
//未生成pdf的html页面高度
var leftHeight = contentHeight;
//pdf页面偏移
var position = 0;
//a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
var imgWidth = 595.28;
var imgHeight = 592.28/contentWidth * contentHeight;
var pageData = canvas.toDataURL('image/jpeg', 1.0);
var pdf = new jsPDF('', 'pt', 'a4');
//有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
//当内容未超过pdf一页显示的范围,无需分页
if (leftHeight < pageHeight) {
pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight );
} else {
while(leftHeight > 0) {
pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
leftHeight -= pageHeight;
position -= 841.89;
//避免添加空白页
if(leftHeight > 0) {
pdf.addPage();
}
}
}
pdf.save(document.getElementById("emNo").innerText+"("+document.getElementById("dt").innerText+').pdf');
}
})
document.getElementById("baocun").style.display = "";
document.getElementById("dayin").style.display = "";
}
打印
保存
新XXXXX物业服务中心 | |||||||
收费单据 | |||||||
收票类型:电费 | 缴费日期: | ${emfee.dt} | |||||
户名 | ${emfee.userName} | 表号 | ${emfee.emNo} | 房号 | ${emfee.num} | ||
起止时间 | ${emfee.emDt}至${emfee.startDt} | 缴费金额 | ${emfee.tranMoney} | 倍率 | ${emfee.emRate} | ||
用电量 | 时段 | 起止表码 | 倍率前用量 | 本次用量 | 单价 | 本次电费 | |
尖 | ${emfee.mosaicJian} | ${emfee.jianQuantity} | ${emfee.blJian} | ${emfee.jian} | ${emfee.jianFee} | ||
峰 | ${emfee.mosaicFeng} | ${emfee.fengQuantity} | ${emfee.blFeng} | ${emfee.feng} | ${emfee.fengFee} | ||
平 | ${emfee.mosaicPing} | ${emfee.pingQuantity} | ${emfee.blPing} | ${emfee.ping} | ${emfee.pingFee} | ||
谷 | ${emfee.mosaicGu} | ${emfee.guQuantity} | ${emfee.blGu} | ${emfee.gu} | ${emfee.guFee} | ||
总 | ${emfee.mosaicZong} | ${emfee.quantity} | ${emfee.blquantity} | —— | ${emfee.electFee} | ||
电费 | 上次剩余(元) | 本期已用(元) | 本次缴费(元) | 本次剩余(元) | |||
${emfee.lastRemainQ} | ${emfee.electFee} | ${emfee.tranMoney} | ${emfee.remainQ} | ||||
收款人: | 付款人: |
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章: