打印方向控制
@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;
};
type==1=>横打;type==2=>纵打。
将函数返回的html append到打印的容器div中即可。
$('#printDiv').append($changePrint(type));