Guida
Come utilizzare il visualizzatore PDF in Capacitor
Utilizza @capgo/capacitor-pdf-viewer
Visualizzazione nativa del PDF su iOS (PDFKit), Android (Pdfium) e web con percorsi, URL, base64 e modalità inline.
Installa
bun add @capgo/capacitor-pdf-viewer
bunx cap sync
Cos'è che questo plugin esporre
open- Apri un PDF da un file, percorso, URL o codice base64.close- Chiudi il visualizzatore attivo e rimuovi eventuali overlay.goToPage- Salta a una pagina con numero di pagina 1-based.setZoom- Imposta il fattore di scala di zoom.getPluginVersion- Ottieni il marchio di versione dell'implementazione nativa o web.addListenerAscolta gli eventi di caricamento, cambio pagina, errore, chiusura e clic su link.
- Esempio di utilizzo
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();
- Riferimento completo
- - GitHub: https://github.com/Cap-go/capacitor-viewer-pdf/
- - Documentazione: /docs/plugins/pdf-viewer/