Aller au contenu

@capgo/capacitor-pdf-viewer

Intégrez la lecture PDF native sur iOS, Android et le web avec des chemins, des URL, du base64, le mode inline, la prise en charge des mots de passe et une interface HTML personnalisée via underWebView

underWebView / toBack

Ouvrez avec mode: 'underWebView' ou toBack: true pour placer le PDF natif derrière une WebView Capacitor transparente. nativeUi vaut false par défaut dans ce mode, pour que vous puissiez livrer votre propre habillage HTML.

Contrôles HTML personnalisés

Dessinez des barres d’outils, des indicateurs de page et des boutons en HTML (Ionic, Tailwind ou balisage simple). La couche native conserve le défilement, le zoom par pincement et la détection des clics sur les liens de PDFKit / Pdfium.

Routage tactile

Les appuis sur button, a, les contrôles de formulaire, [data-capgo-pdf-interactive], .custom-toolbar, et .custom-pdf-ui button rester dans le WebView. Les autres touches sont transmises au PDF.

updateLayout()

Repositionner ou redimensionner le PDF natif en pixels CSS par rapport à la viewport du WebView. À appeler après une rotation ou lorsque la taille de votre chrome change.

Intégrez la lecture PDF native sur iOS, Android et le web, avec des chemins, des URL, du base64, un mode inline, la prise en charge des mots de passe et une présentation optionnelle underWebView pour une interface HTML personnalisée.

Commencez par open() et les autres méthodes principales listées ci-dessous.

PlateformeSupportNotes
iOSOuiPDFKit. underWebView / toBack est pris en charge. hide() et show() ne sont acceptés que dans underWebView ou inline mode.
AndroidOuiPdfium. underWebView / toBack est pris en charge. hide() et show() fonctionnent dans n'importe quel mode ouvert.
Le WebPartielleVisionneuse PDF du navigateur avec des URL blob. underWebView / toBack n'est pas disponible. Utilisez fullscreen ou inline. nativeUi: false par mode: 'fullscreen' est rejeté.
  • open - Ouvrir un PDF depuis un fichier, un chemin, une URL ou une source base64, y compris mode: 'underWebView' ou toBack: true.
  • close - Fermer la visionneuse active et supprimer toute superposition.
  • goToPage / nextPage / previousPage - Jump or step through 1-based pages.
  • setZoom - Définir le multiplicateur de zoom (1 est l’échelle d’ajustement par défaut sur natif).
  • hide / show - Masquer ou afficher la couche PDF sans décharger le document.
  • updateLayout - Repositionner ou redimensionner le PDF natif en underWebView / toBack mode.
MéthodeDescription
openOuvrir un PDF depuis un fichier, un chemin, une URL ou une source base64.
closeFermer le visionneuse active et supprimer tout superposition.
goToPageAller à un numéro de page basé sur 1.
nextPagePasser à la page suivante si elle existe.
previousPagePasser à la page précédente si elle existe.
setZoomDéfinit le multiplicateur de zoom. Sur le web, cela se résout sans modifier le zoom du navigateur.
getPageCountLit le nombre total de pages. Sur le web, cela renvoie toujours 1.
getCurrentPageLit la page courante (indexation à partir de 1). Sur le web, cela reflète uniquement la dernière page définie par le code.
hideMasque la couche PDF sans décharger le document.
showAffiche la couche PDF après hide().
updateLayoutRepositionne ou redimensionne le PDF natif lors de l’utilisation de underWebView / toBack.
getPluginVersionRécupère le marqueur de version de l’implémentation native ou web.
addListenerÉcoutez load, pageChange, zoomChange, error, close, et linkTap des événements.

Cette référence est synchronisée depuis src/definitions.ts dans capacitor-pdf-viewer.

Si vous utilisez @capgo/capacitor-pdf-viewer dans votre application Capacitor, connectez-l’avec Utiliser @capgo/capacitor-pdf-viewer pour le tutoriel SEO et la documentation associée du plugin Capgo.