print.js打印

cs 复制代码
<body>
<form id="form1" runat="server">
打印内容
</form>
<body>
function print(){
     var printStyle = '\
    @page { size: A4; margin: 10mm; } \
    @media print { \
     /* 使打印 iframe 的 body 居中内容区 */ \
       body { display: -webkit-box !important; display: -webkit-flex !important; display:          -ms-flexbox !important; display: flex !important; justify-content: center !important; align-items: flex-start !important; } \
/* 其他样式用来自定义 */ \
        html, body { margin: 0; padding: 0; -webkit-print-color-adjust: exact; } \
        form#form1 { width: 80mm; margin: 0 auto; font-size: 25pt !important; } \
        .dash { border-top: 1px dashed #000; border-bottom: 1px dashed #000; } \
        .title {font-weight: bold;text-align: center;p
    }';//样式
            printJS({ printable: 'form1', type: 'html', style: printStyle });
}

注意此插件不能更改字体大小需要把print.js的内容改一下

javascript 复制代码
elementStyle += 'max-width: ' + params.maxWidth + 'px !important; font-size: ' + params.font_size + ' !important;';

改为

javascript 复制代码
elementStyle += 'max-width: ' + params.maxWidth + 'px !important;';
相关推荐
脱氧核糖核酸2 小时前
2026了你还只会写点prompt?从AI提示词到可控自动化的演进之路
前端
HabaraAi2 小时前
记一次发现 DataTransfer 的 getData 的有趣问题
前端
小林攻城狮2 小时前
前端实时语音转写:原生 MediaRecorder API 实践
前端·vue.js
Sport2 小时前
用全会,问全废:CSS高频面试题
前端·javascript·面试
Maxkim2 小时前
「✍️JS原子笔记 」零基础吃透 Proxy 数据响应式
前端·javascript·面试
hashiqimiya2 小时前
vue前端打包配置后端代理
前端
小白咚2 小时前
npm在文件下输入运行命令,授权限制问题window
前端·npm·node.js
AllinLin2 小时前
javaScript学习计划(Day26-30)
开发语言·javascript·学习
清平乐的技术专栏2 小时前
电脑自带Edge浏览器进行PDF文件合并
前端·edge·pdf