指南
如何在 Capacitor 中使用 PDF Viewer
使用 @capgo/capacitor-pdf-viewer
在 iOS（PDFKit）、Android（Pdfium）和 Web 上使用 PDF 查看器（路径、URL、base64 和内联模式）
安装
bun add @capgo/capacitor-pdf-viewer
bunx cap sync
此插件暴露了什么
open- 从文件、路径、URL或base64源打开PDF。close- 关闭当前查看器并移除任何覆盖层。goToPage- 跳转到1基数的页码。setZoom- 设置缩放比例乘数。getPluginVersion- 获取本机或Web实现版本标记。addListener- 监听加载、页码改变、错误、关闭和链接点击事件。
- 示例用法
open
import { PdfViewer } from '@capgo/capacitor-pdf-viewer';
await PdfViewer.addListener('pageChange', ({ page, pageCount }) => {
console.log(`Page ${page} of ${pageCount}`);
});
const { pageCount } = await PdfViewer.open({
source: 'https://example.com/manual.pdf',
mode: 'fullscreen',
scrollMode: 'continuous',
page: 1,
});
console.log(`Opened ${pageCount} pages`);
close
import { PdfViewer } from '@capgo/capacitor-pdf-viewer';
await PdfViewer.close();
- 全部参考
- - GitHub: https://github.com/Cap-go/capacitor-pdf-viewer/
- 文档：/docs/plugins/pdf-viewer/