@capgo/capacitor-프린터 사용
Capacitor 플러그인은 문서, HTML, PDF, 이미지 및 웹 뷰를 출력하기 위해 사용됩니다.
설치
bun add @capgo/capacitor-printer
bunx cap sync
이 플러그인이 제공하는 것
printBase64- base64 문자열로 인코딩된 파일을 출력하기 위한 프린터 UI를 제공합니다.printFile- 장치 파일을 출력하기 위한 프린터 UI를 제공합니다.printHtml- HTML 문서를 출력하기 위한 프린터 UI를 제공합니다.printPdf- 프린터 UI를 통해 PDF 문서를 인쇄합니다.
예시 사용
printBase64
base64 문자열로 인코딩된 파일을 인쇄하는 프린터 UI를 제공합니다.
import { Printer } from '@capgo/capacitor-printer';
// Print a base64 encoded PDF
await Printer.printBase64({
name: 'Invoice #12345',
data: 'base64-encoded-pdf-data',
mimeType: 'application/pdf',
});
// Print a base64 encoded image
await Printer.printBase64({
name: 'Product Photo',
data: '/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDA...',
mimeType: 'image/jpeg',
});
printFile
장치 파일을 인쇄하는 프린터 UI를 제공합니다.
import { Printer } from '@capgo/capacitor-printer';
// iOS: Print from app documents directory
await Printer.printFile({
name: 'Contract',
path: 'file:///var/mobile/Containers/Data/Application/.../Documents/contract.pdf',
});
// Android: Print from content URI
await Printer.printFile({
name: 'Receipt',
path: 'content://com.android.providers.downloads.documents/document/123',
mimeType: 'application/pdf',
});
// Android: Print from file path
await Printer.printFile({
name: 'Photo',
path: 'file:///storage/emulated/0/Download/photo.jpg',
mimeType: 'image/jpeg',
});
printHtml
HTML 문서를 인쇄하는 프린터 UI를 제공합니다.
import { Printer } from '@capgo/capacitor-printer';
// Simple HTML document
await Printer.printHtml({
name: 'Sales Report',
html: '<html><body><h1>Q4 Sales Report</h1><p>Revenue: $125,000</p></body></html>',
});
// HTML with print-specific CSS
await Printer.printHtml({
name: 'Styled Invoice',
html: `
<html>
<head>
<style>
printPdf
PDF 문서를 인쇄하는 프린터 UI를 제공합니다.
import { Printer } from '@capgo/capacitor-printer';
// Print PDF from app storage
await Printer.printPdf({
name: 'Annual Report 2024',
path: 'file:///var/mobile/Containers/Data/Application/.../Documents/report.pdf',
});
// Print PDF from Android downloads
await Printer.printPdf({
name: 'Downloaded Document',
path: 'content://com.android.providers.downloads.documents/document/123',
});
전체 참조
- GitHub: github.com/Cap-go/capacitor-printer
- 문서: /docs/plugins/printer/
Using @capgo/capacitor-printer에서 계속하세요.
Capacitor-프린터를 사용 중이라면 Capacitor-capgo-capacitor 프린터 Capacitor-__CAPGO_KEEP_0__-__CAPGO_KEEP_1__ 프린터를 사용하여 Capacitor-capgo-capacitor 프린터 Capacitor-capgo-capacitor 프린터의 구현 세부 사항 시작하기 시작하기의 구현 세부 사항 Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리의 제품 워크플로 Capacitor Capgo의 플러그인 for Capacitor 구현 세부사항에 대한 Capgo 플러그인에 의해 플러그인 추가 또는 업데이트 플러그인 추가 또는 업데이트의 구현 세부 사항