PDF.js 是 Mozilla 开发的一个基于 HTML5 的开源 PDF 阅读器。pdf.js-viewer 是基于 PDF.js 的一个 PDF 阅读器组件，可以在 Web 应用中直接使用。
@bastienmoulia/pdf.js-viewer 作为 pdf.js-viewer 的扩展，使得使用起来更加方便。本文将为大家介绍如何使用 @bastienmoulia/pdf.js-viewer。
安装
使用 npm 进行安装：
npm install @bastienmoulia/pdf.js-viewer
使用
引入
在 HTML 文件中添加以下代码：
<script src="/path/to/pdf.js"></script> <script src="/path/to/pdfjs-dist/build/pdf.worker.js"></script> <script src="/path/to/@bastienmoulia/pdf.js-viewer/build/pdf.js-viewer.min.js"></script>
其中 /path/to 分别替换为实际的路径。
初始化
在 JavaScript 文件中添加以下代码：
-- -------------------- ---- -------
----- --------- - --- -----------
---------- --------------------------------------
-- ----
-- ------------
------ ---- --------
----------- --------------
---------- ------------------------------------------
-------------------- -------------------
-------- -
-- ---------------------------- --
-
------- -------------------------------
-- ----
-- ------------
------------ -
-- ----
-- ------------
------------------- --
---------------- --------- ---------- ----------
--
-- ----
-- ------------
----------------- ------
-------------- ------
-- ----
-- ------------
------------ -
---------------- -----
------------------ --
--
-- ----
---------- -
-- ----
-- ------------
-------- -----
----------------------- -
-
-- ----
------ --- -----------
------ ---- --------- -- --- ----------
---- -
-- ----
---- -------------------------
------ -------
------- -------
---- ---
--
-------- -- -- -
-- ------------
--
--
--
--
--
--
---
-----------------------------------------------其中 /path/to 分别替换为实际的路径。
插件
@bastienmoulia/pdf.js-viewer 提供了额外的插件，可以实现更加丰富的功能。
Signature
Signature 插件提供了数字签名功能。在初始化时传入：
-- -------------------- ---- -------
---------- -
-------- -----
----------------------- -
-
------ --- -----------
------ ---- --------- -- --- ----------
---- -
---- -------------------------
------ -------
------- -------
---- ---
--
-------- -- -- -
-- ------------
--
--
--
--其中 additionalToolbarItems 可以添加自定义的工具栏。
代码注释
代码中有详细的注释，可以根据实际情况进行配置。详细参数请参考官方文档。
示例代码
以下为完整的示例代码：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------- --------------
-------
------
------- -----------
---- ----------------------
------- -------------------------------
------- -------------------------------------------------------
------- --------------------------------------------------------------------------------
--------
----- --------- - --- -----------
---------- --------------------------------------
------ ---- --------
----------- --------------
---------- ------------------------------------------
-------------------- -------------------
-------- -
-
------- -------------------------------
------------ -
------------------- --
---------------- --------- ---------- ----------
--
----------------- ------
-------------- ------
------------ -
---------------- -----
------------------ --
--
---------- -
-------- -----
----------------------- -
-
------ --- -----------
------ ---- --------- -- --- ----------
---- -
---- -------------------------
------ -------
------- -------
---- ---
--
-------- -- -- -
-- ------------
--
--
--
--
--
--
---
-----------------------------------------------
---------
-------
-------总结
@bastienmoulia/pdf.js-viewer 为我们提供了一个方便易用的 PDF 阅读器，在 Web 应用中使用起来非常方便。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ff481e8991b448ddc46