首页 前端知识 js 中控制打印方向横向还是纵向。

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

2024-06-08 22:06:47 前端知识 前端哥 39 420 我要收藏

打印方向控制

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11571.html
标签
评论
发布的文章

小米商城

2024-06-16 15:06:28

JSON转日期,变为数字串

2024-06-16 09:06:45

使用axios读取本地json文件

2024-06-16 09:06:39

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!