现代化的 Web 打印解决方案

零依赖、智能分页、完美还原 - 让 Web 打印变得简单而强大

在线演示 查看文档
npm install printom-js

快速开始

基础用法

最简单的打印实现

import PrintomJs from 'printom-js' import 'printom-js/print.css' // 基础打印 const printer = new PrintomJs({ element: '#content' }) await printer.exec()

带页眉页脚

添加自定义页眉和页脚

const printer = new PrintomJs({ element: '#content', header: { left: '公司名称', center: '文档标题', right: '2024-01-01' }, footer: { center: '第 {current} / {total} 页' } })

自定义页面尺寸

支持 A4、A3、Letter 等

const printer = new PrintomJs({ element: '#content', paper: 'A4', orientation: 'portrait', margin: { top: '20mm', bottom: '20mm', left: '15mm', right: '15mm' } })

预览后打印

先预览再打印，支持内容更新

// 预览 await printer.preview('#preview') // 内容变化后更新 await printer.update() // 打印 await printer.exec()

在线演示

210×297mm | 20/15/20/15mm
原始内容
打印预览

点击"预览"按钮查看打印效果

为什么选择 PrintomJs？

特性 PrintomJs Print.js html2canvas window.print()
零依赖 ✓ ✗ ✗ ✓
智能分页 ✓ ✗ ✗ ✗
样式完美还原 ✓ ✗ ✓ ✗
表格跨页（rowspan/colspan） ✓ ✗ ✗ ✗
打印预览 ✓ ✗ ✓ ✗
生命周期钩子 ✓ ✗ ✗ ✗
文件大小 54KB (gzip 26KB) ~50KB ~200KB+ 0