1.普通web打印方式
//web打印
let ele = window.document.getElementById('print')
var mywindow = window.open('', 'PRINT', 'height=4cm,width=7.2cm');
// const canvas =document.getElementById('qr-patient')
mywindow.document.write('<html><head><title></title>');
mywindow.document.write('</head><body style="margin: 0; padding: 0;">');
// mywindow.document.write('<h1>' + document.title + '</h1>');
mywindow.document.write(ele.outerHTML);
// mywindow.document.write('<img src="'+img+'"/>');
mywindow.document.write('</body></html>');
mywindow.document.close(); // necessary for IE >= 10
mywindow.focus(); // necessary for IE >= 10*/
mywindow.print();
mywindow.close();
2.iframe打印方式
this.printHTML(document.getElementById('print').outerHTML);
//调用方法
printHTML(htmlContent) {
const iframeId = 'print_ifrmae';
let = document.createElement('IFRAME');
iframe.setAttribute('id', iframeId);
iframe.setAttribute('style', 'position:absolute;' +
'width:0px;height:0px;left:-100px;top:-100px;');
document.body.appendChild(iframe);
let ifrDoc = iframe.contentWindow.document;
ifrDoc.write('<style type="text/css">@page { margin: 0mm;}' +
' #print_ifrmae{ font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",\n' +
' "Microsoft YaHei", "微软雅黑", Arial, sans-serif;} #print{ font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",\n' +
' "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}</style>');
ifrDoc.write(htmlContent);
ifrDoc.close();
iframe.contentWindow.focus();
iframe.contentWindow.print();
}