Guía
Cómo usar el visor de PDF en Capacitor
Usando @capgo/capacitor-pdf-viewer
Visualización nativa de PDF en iOS (PDFKit), Android (Pdfium) y web con rutas, URLs, base64 y modo inline.
Instalar
bun add @capgo/capacitor-pdf-viewer
bunx cap sync
¿Qué se expone con este plugin?
open- Abrir un PDF desde un archivo, ruta, URL o fuente base64.close- Cerrar el visor activo y eliminar cualquier sobreposición.goToPage- Saltar a un número de página 1-base.setZoom- Establecer el multiplicador de escala de zoom.getPluginVersion- Obtener la marca de versión del implementador nativo o web.addListener- Escuchar eventos de carga, cambio de página, error, cierre y pulsación de enlace.
- Ejemplo de uso
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();
- Referencia completa
- - GitHub: https://github.com/Cap-go/capacitor-visor-de-pdf/
- - Documentación: /docs/plugins/visor-de-pdf/