PDF.js 很强, 但 PDFSlick 可能更适合你!

前有科技后进阶2024-07-07 06:20:00  64

大家好,很高兴又见面了,我是"高级前端?进阶?",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发,您的支持是我不断创作的动力。

PDFSlick 是一个库,可以在 React、SolidJS、Svelte 和 JavaScript 应用程序中查看 PDF 文档并与之交互。PDFSlick 构建在 Mozilla 的 PDF.js 之上,并利用 Zustand 为加载的文档提供反应式存储。

PDF.js 虽然很优秀而且非常稳定和成熟,其也是 Mozilla Firefox 中的 PDF 查看器,自 2011 年以来一直存在。然而,其完全是 Vanilla JavaScript,当涉及到在现代 JS 库(如 React 和 SolidJS)中使用时仍然有诸多不足。

PDFSlick 试图将所有这些有用的功能包装成一个更容易适应 React 和 SolidJS 世界的功能,最终作为组件和反应存储。

首先需要安装依赖:

提供 PDF 文档路径和 PDFSlick 选项对象后,usePDFSlick Hooks 将返回一个对象,该对象由以下各项组成(除其他内容外):

viewerRef 是作为 组件的 prop 提供的 ref 回调

同时,在 SolidJS 中使用也非常简单,比如下面的示例:

转载此文是出于传递更多信息目的。若来源标注错误或侵犯了您的合法权益,请与本站联系,我们将及时更正、删除、谢谢。
https://www.414w.com/read/838583.html
0
最新回复(0)