打印方向控制
@page { size: landscape; }//横向
@page { size: portrait; }//纵向
但是写在Css 中无法切换还是要写在js中。
//切换打印方向
let $changePrint = function (type) {
let html = '';
type = type?type:1; if(type=='1'){
html='<style type="text/css" media="print">\n' + ' @page { size: landscape; }\n' + '</style>';
}else{
html='<style type="text/css" media="print">\n' + ' @page { size: portrait; }\n' + '</style>';
} return html;
};调用方式: printdiv是你要打印的页面标签
//type==1=>横打;type==2=>纵打。
var bdhtml=window.document.body.innerHTML;
$('#printdiv').append($changePrint(type));
var divp = document.getElementById("printdiv").innerHTML;
window.document.body.innerHTML=divp;
window.print();//调用打印的窗口
window.location.reload();