PDF 生成模板编辑器
开源可视化 PDF 生成引擎，支持自定义模板，并提供面向开发者的 API，灵活构建文档生成流程。
页面导航
加载 PDF 文档后，您可以通过编程方式与它进行交互，这允许您查看 PDF 页面并切换页面，例如滚动和跳转到特定页面。
javascript
// 上一页。
documentViewer.setCurrentPage(documentViewer.getCurrentPage() - 1);
// 下一页。
documentViewer.setCurrentPage(documentViewer.getCurrentPage() + 1);
// 跳转到特定页面。
documentViewer.setCurrentPage(3);1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
如果您想在页码发生改变时获取通知，可以监听 documentViewer 的 pageNumberUpdated 事件。
滚动
要在水平或垂直方向上滚动到特定距离，可以对 documentViewer.getScrollViewElement() 返回的滚动元素调用 scrollTo 方法。
javascript
// 选择左侧和顶部距离。
const scrollElement = documentViewer.getScrollViewElement();
scrollElement.scrollTo({
top: 200,
left: 100
});1
2
3
4
5
6
2
3
4
5
6
要在水平或垂直方向上滚动一定百分比的距离，可以根据滚动元素的尺寸计算滚动位置。
javascript
// 选择左侧和顶部距离。
const percent = { top: 20, left: 50 };
const scrollElement = documentViewer.getScrollViewElement();
scrollElement.scrollTo({
top: (scrollElement.scrollHeight - scrollElement.clientHeight) * percent.top / 100,
left: (scrollElement.scrollWidth - scrollElement.clientWidth) * percent.left / 100
});1
2
3
4
5
6
7
2
3
4
5
6
7
滚动模式
ComPDF for Web 有两种滚动模式：垂直和水平。您可以使用以下方法设置相应的模式。
javascript
instance.UI.setScrollMode(mode);1
这是应用不同滚动模式的参数：
| 名称 | 必填 | 类型 | 描述 |
|---|---|---|---|
| mode | yes | string | 滚动模式参数，垂直：'Vertical'，水平：'Horizontal' |
缩略图
提供将 PDF 页面渲染为缩略图的方法。