@kcol/common-tools

exportToPdf 功能

通过 window.print() 导出 PDF

特性

• 支持超出一页自动分页、且分页也会带上logo
• 自动复制 <canvas> 绘图内容及表单输入值
• 支持自定义页边距、Logo 尺寸、分页类名等

安装

npm i @kcol/common-tools
import {exportToPdf} from '@kcol/common-tools'
exportToPdf({
    templateRef: '',
    logoUrl: '',
    pageBreakClass: 'page_break',
    logoWidth: '25mm',
    pageMargin: '0 8mm 0',
})

参数

export interface ExportOptions {
  templateRef: HTMLElement; // 模板引用，直接将最外层的元素ref传入即可
  logoUrl?: string; // logo 地址
  pageBreakClass?: string; // 分页类名,可设置分页的类名,默认值为'page_break'，如果模板中需要分页,则在需要分页的位置添加该class即可
  logoWidth?: string; // 指定宽度，根据宽度自适应高度
  pageMargin?: string; // 页面边距，建议设置上下边距为0，这样可以使打印弹窗框默认关闭隐藏页眉页脚选项
}