指南
如何在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/