메인 콘텐츠로 건너뛰기
Capgo 로고
백으로 돌아가기
@capgo/capacitor-프린터
튜토리얼
@capgo/capacitor-프린터

프린터

Capacitor 프린터 플러그인: 문서, HTML, PDF, 이미지 및 웹 뷰를 출력합니다.

다운로드/월

26.1k

GitHub 스타

8

가이드

프린터에 대한 튜토리얼

장치에서 테스트

다운로드 Capgo 앱, 그리고 QR code를 스캔하세요.

App Store Google Play
인쇄 플러그인 미리보기 QR code

Using @capgo/capacitor-인쇄기

Capacitor 플러그인으로 문서, HTML, PDF, 이미지 및 웹 뷰를 인쇄합니다.

설치

bun add @capgo/capacitor-printer
bunx cap sync

이 플러그인이 제공하는 것

  • printBase64 - base64 문자열로 인코딩된 파일을 인쇄하기 위한 인쇄 UI를 제공합니다.
  • printFile - 장치 파일을 인쇄하기 위한 인쇄 UI를 제공합니다.
  • printHtml - HTML 문서를 인쇄하기 위한 인쇄 UI를 제공합니다.
  • printPdf - PDF 문서를 인쇄하기 위한 인쇄 UI를 제공합니다.

예제 사용

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

__CAPGO_KEEP_0__:__CAPGO_KEEP_0__

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

__CAPGO_KEEP_0__:__CAPGO_KEEP_0__

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

__CAPGO_KEEP_0__:__CAPGO_KEEP_0__

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',
});

Full Reference

capgo에서 계속 진행하세요: Using @capgo/capacitor-printer

__CAPGO_KEEP_0__을 사용하시는 경우 Using @capgo/capacitor-printer __CAPGO_KEEP_0__을 연결하여 @capgo/capacitor-printer implementation detail in @capgo/capacitor-printer 에서 Getting Started implementation detail in Getting Started 에서 Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리에서 제품 워크플로우 Capacitor 플러그인들에 의해 Capgo implementation detail in Capacitor 플러그인들에 의해 Capgo 에서 플러그인 추가 또는 업데이트 implementation detail in 플러그인 추가 또는 업데이트 에서