pdf.js 连续分页展示pdf内容

您所在的位置：网站首页 › pdf如何逐页播放 › pdf.js 连续分页展示pdf内容

pdf.js 连续分页展示pdf内容

2024-07-12 02:49| 来源: 网络整理| 查看: 265

如何使用pdf.js 将所有内容在同一页中展示。本文将作出相应的展示，这类需求一般适用于手机，pad 等移动端。

前面博客中，演示的内容。都是点击下一页进行翻页。后面有网友问，如何在一页中展示出来，所以我把这块补充上。

其实呢，只要知道展示一页，如果要展示多个页，核心就是增加个循环，创建canvas 对象接受每一页的pdf文件绘制。其他的流程和每页显示一篇pdf，在流程上是一样的。

1:循环创建canvas 的代码

var canvasList = document.getElementById('canvas_list'); var canvas = document.createElement('canvas'); canvasList.appendChild(canvas); canvasList.appendChild(document.createElement('hr'))

2: 循环绘制pdf 的核心代码

document.getElementById('page_count').textContent = '总页数:' + pdfDoc.numPages; for(var $i =1 ; $i

【本文地址】

pdf.js 连续分页展示pdf内容

pdf.js 连续分页展示pdf内容

今日新闻

推荐新闻