Saltar al contenido

@capgo/capacitor-pdf-viewer

Integra visualización nativa de PDF en iOS, Android y web con rutas, URLs, base64, modo inline, soporte de contraseña y UI HTML personalizada en underWebView

underWebView / toBack

Abrir con mode: 'underWebView' o toBack: true para colocar el PDF nativo detrás de un Capacitor WebView transparente. nativeUi es false por defecto en este modo para que puedas usar tu propio chrome HTML.

Controles HTML personalizados

Dibuja barras de herramientas, indicadores de página y botones en HTML (Ionic, Tailwind o HTML simple). La capa nativa mantiene el scroll de PDFKit / Pdfium, el zoom con pellizco y la detección de clics en enlaces.

Enrutamiento de toques

Los toques en button, a, controles de formulario, [data-capgo-pdf-interactive], .custom-toolbar, y .custom-pdf-ui button se quedan en el WebView. Los demás toques van al PDF.

updateLayout()

Reposiciona o redimensiona el PDF nativo en píxeles CSS relativos al viewport de la WebView. Llámalo tras una rotación o cuando cambie el tamaño de tu chrome.

Integra la visualización nativa de PDF en iOS, Android y web con rutas, URLs, base64, modo inline, soporte de contraseñas y una presentación opcional underWebView para UI HTML personalizada.

Comienza con open() y los demás métodos principales detallados abajo.

PlataformaSoporteNotas
iOSSíPDFKit. underWebView / toBack es compatible. hide() y show() solo se aceptan en underWebView o inline modo.
AndroidSíPdfium. underWebView / toBack es compatible. hide() y show() funciona en cualquier modo de apertura.
WebParcialVisor de PDF del navegador con URLs de blob. underWebView / toBack no está disponible. Usa fullscreen o inline. nativeUi: false con mode: 'fullscreen' se rechaza.
  • open - Abre un PDF desde un archivo, ruta, URL o fuente base64, incluyendo mode: 'underWebView' o toBack: true.
  • close - Cierra el visor activo y elimina cualquier overlay.
  • goToPage / nextPage / previousPage - Salta o avanza por páginas numeradas desde 1.
  • setZoom - Establece el multiplicador de escala de zoom (1 es la escala de ajuste predeterminada en nativo).
  • hide / show - Oculta o muestra la capa del PDF sin liberar el documento.
  • updateLayout - Reposicionar o redimensionar el PDF nativo en underWebView / toBack modo.
MétodoDescripción
openAbre un PDF desde un archivo, ruta, URL o fuente base64.
closeCierra el visor activo y elimina cualquier overlay.
goToPageSalta a un número de página basado en 1.
nextPagePasa a la siguiente página si existe.
previousPagePasa a la página anterior si existe.
setZoomEstablece el multiplicador de zoom. En web se resuelve sin cambiar el zoom del navegador.
getPageCountLee el número total de páginas. En web, siempre devuelve 1.
getCurrentPageLee la página actual (índice desde 1). En web solo refleja la última página programática.
hideOculta la capa PDF sin liberar el documento de memoria.
showMuestra la capa PDF después de hide().
updateLayoutReposiciona o redimensiona el PDF nativo al usar underWebView / toBack.
getPluginVersionObtiene el marcador de versión de la implementación nativa o web.
addListenerEscucha load, pageChange, zoomChange, error, close, y linkTap eventos.

Esta referencia se sincroniza desde src/definitions.ts en capacitor-pdf-viewer.

Si estás usando @capgo/capacitor-pdf-viewer en tu app de Capacitor, conéctalo con Uso de @capgo/capacitor-pdf-viewer para el tutorial de SEO y la documentación relacionada del plugin Capgo.