npm 包 pdf.js 使用教程-JavaScript中文网-JavaScript教程资源分享门户

PDF.js 是一个由 Mozilla 开发的用于在浏览器中显示 PDF 文件的 JavaScript 库。它可以在不需要使用浏览器插件的情况下，将 PDF 文件渲染成 HTML5 和 SVG 格式。这使得在网页上显示 PDF 文件变得更加容易，同时也提供了更好的访问性和可靠性。

本文介绍如何使用 npm 包来安装和使用 pdf.js，并提供示例代码和深入学习指南。

安装 pdf.js

首先，我们需要安装 pdf.js npm 包。可以通过以下命令进行安装：

npm install pdfjs-dist

安装成功后，我们可以在项目中使用 pdf.js 的 API 来操作 PDF 文件。

渲染 PDF 文件

首先，我们需要获取 PDF 文件的 URL 或 ArrayBuffer，然后使用 pdfjsLib.getDocument 方法将其加载到内存中：

const url = 'https://example.com/sample.pdf';
const loadingTask = pdfjsLib.getDocument(url);

在加载完成后，我们可以使用 Promise 对象中的 pdfDocument 属性来操作 PDF 文档的内容：

-- -------------------- ---- -------
-------------------------------------- -- -
  -- --------
  ---------------------------------- -- -
    ----- ------ - --------------------------------------
    ----- ------- - ------------------------

    -- ------
    ----- -------- - ------------------ ------ --- ---

    -- -- --- --
    -------------
      -------------- --------
      --------- --------
    ---
  ---
---

上述代码将获取 PDF 文件的第一页内容，并在指定的 <canvas> 元素中进行渲染。我们可以根据需要修改缩放比例和渲染选项。

基本操作

除了渲染 PDF 页面外，pdf.js 还提供了一些其他的基本操作，如获取页面数量、搜索文本等：

-- -------------------- ---- -------
-- ------
------------------------------------ -- -
  ------------------ ------ --------------
---

-- ----
----- ---------- - ---------
---------------------------------- -- -
  ---------------------------------------- -- -
    ----- ------- - ------------------------------- --
      ---------------------------------------------------------
    --
    ------------------ ----------------- ----------
  ---
---

npm 包 pdf.js 使用教程

安装 pdf.js

渲染 PDF 文件

基本操作

更多学习资源

纠错反馈