PDF 뷰어 Capacitor 플러그인

@capgo/capacitor-pdf-viewer 사용하기

iOS(PDFKit), Android(Pdfium), 웹에서 경로, URL, base64, 인라인 모드로 네이티브 PDF 보기

설치

bun add @capgo/capacitor-pdf-viewer
bunx cap sync

플러그인이 제공하는 기능

• open - 파일, 경로, URL 또는 base64 소스에서 PDF를 엽니다.
• close - 활성 뷰어를 닫고 오버레이를 제거합니다.
• goToPage - 1부터 시작하는 페이지 번호로 이동합니다.
• setZoom - 줌 배율을 설정합니다.
• getPluginVersion - 네이티브 또는 웹 구현 버전 마커를 가져옵니다.
• addListener - load, pageChange, error, close, linkTap 이벤트를 수신합니다.

사용 예시

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();

전체 레퍼런스

• GitHub: https://github.com/Cap-go/capacitor-pdf-viewer/
• Docs: /docs/plugins/pdf-viewer/