# GeneratePdf

**Repository Path**: lin_peng118/generate-pdf

## Basic Information

- **Project Name**: GeneratePdf
- **Description**: 传入页眉，页脚，正文dom，然后提供自动分页、手动分页、默认分页三种模式进行分页，最后可预览/生成pdf
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-29
- **Last Updated**: 2025-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# generate-pdf-js v1.0.0

## 项目介绍
```
html dom生成pdf，可传入页眉dom，页脚dom，正文dom，可传入class来分页，也可自动分页和默认分页，最后可预览/生成pdf
```

## 在线预览地址
```
http://1.95.157.217/generatePdfJs/index.html
```

### 如何使用？
```
可参考examples文件夹下的App.vue示例
```

### 配置属性介绍
```
headerClass: 页眉处 页码放置位置对应的类名，当有此值时，即代表有页眉dom，并且页码放在这个类名下
footerClass: 页脚处 页码放置位置对应的类名，当有此值时，即代表有页脚dom，并且页码放在这个类名下
config: {
  type: 生成pdf纸张大小，目前仅提供A4
  direction：水平排布还是垂直排布 Horizontal | Vertical， 默认Vertical
  bottomDistance：可放置内容区域底部空隙，默认为0px
  pageBreakClass：分页标记 传入class名，如果有值，则按照class名来分页，如果无值，则按照mode属性来分页
  mode：分页模式 auto | default，默认auto
  autoDownload: 是否在生成pdf完成后自动下载到浏览器内，默认true
}
```

### author lindadayo
lindadayo@foxmail.com