js 中控制打印方向横向还是纵向。

打印方向控制

@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));