Panduan
Cara menggunakan PDF Viewer di Capacitor
Menggunakan @capgo/capacitor-pdf-viewer
Tampilan PDF native di iOS (PDFKit), Android (Pdfium), dan web dengan path, URL, base64, serta mode inline.
Instal
bun add @capgo/capacitor-pdf-viewer
bunx cap sync
Apa yang Diekspos Plugin Ini
open- Buka PDF dari file, path, URL, atau sumber base64.close- Tutup viewer yang aktif dan hapus semua overlay.goToPage- Lompat ke nomor halaman (berbasis 1).setZoom- Atur pengali skala zoom.getPluginVersion- Dapatkan penanda versi implementasi native atau web.addListener- Dengarkan event load, pageChange, error, close, dan linkTap.
Contoh Penggunaan
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();
Referensi Lengkap
- GitHub: https://github.com/Cap-go/capacitor-pdf-viewer/
- Dokumentasi: /docs/plugins/pdf-viewer/