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