PDFビューア Capacitor プラグイン

@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 - load、pageChange、error、close、linkTapイベントをリスンする。

使用例

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/