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;';
相关推荐
尾善爱看海21 分钟前
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)
前端·javascript·vue.js·面试·vue
驳是1 小时前
一个组件,提升 react-router 开发的幸福感
前端·preact
GreenTea1 小时前
OpenAI Agents API 上手实测:一次调用把整个 agent loop 甩给 OpenAI
前端·后端·算法
星云API技术支持1 小时前
企业微信二次开发:群权限设置、成员管理与群资料维护的接口组合实践
java·前端·企业微信
京东云开发者2 小时前
81.8 秒的视频,我们改了 15 个版本:一次纯 Codex 驱动的 AI-native 视频实践
前端·aigc
Csvn2 小时前
TypeScript 大型项目架构:从单体 tsconfig 到分层可扩展的工程
前端
计算机魔术师4 小时前
Dario Amodei 发文呼吁为前沿 AI 降速并提出三点计划
前端
计算机魔术师4 小时前
OpenAI的AI代理偷偷给RubyGems下毒,我们却毫无察觉
前端
甲维斯4 小时前
0代码,0建模,3句话开发一个3D游戏!
前端·游戏·游戏开发
IT_陈寒4 小时前
Vue的响应式更新把我坑惨了,原来问题出在这
前端·人工智能·后端