사용자 가이드
Capacitor에서 PDF 뷰어를 사용하는 방법
capgo/capacitor-pdf-viewer을 사용하는 방법
iOS (PDFKit), Android (Pdfium), 및 웹에서 경로, URL, base64, 및 인라인 모드와 함께 네이티브 PDF 뷰어
설치
bun add @capgo/capacitor-pdf-viewer
bunx cap sync
이 플러그인이 제공하는 것
open- PDF 파일, 경로, URL, 또는 base64 소스에서 PDF를 열 수 있습니다.close- 현재 뷰어를 닫고 overlay를 제거합니다.goToPage- 1-based 페이지 번호로 이동합니다.setZoom- 줌 스케일 멀티플라이어를 설정합니다.getPluginVersion- 네이티브 또는 웹 구현 버전 마커를 가져옵니다.addListener- 로드, 페이지 변경, 오류, 닫기, 및 링크 클릭 이벤트를 듣습니다.
- 예시 사용법
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/plugins/pdf-viewer/