메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor 프린터
튜토리얼
@capgo/capacitor 프린터

프린터

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

Capgo 리포지토리 보기

Capgo npm에서 보기

설명서

Download the Capgo app, then scan the QR code.

인쇄 플러그인 미리보기 QR code

@capgo/capacitor-인쇄 사용

Capacitor plugin for printing documents, HTML, PDFs, images and web views.

설치

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

출력 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

출력 UI를 사용하여 HTML 문서를 출력합니다.

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

출력 UI를 사용하여 PDF 문서를 출력합니다.

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

전체 참조

Using @capgo/capacitor-printer에서 계속하세요.

이 플러그인을 사용하고 있다면 Using @capgo/capacitor-printer 자연 플러그인 작업을 계획하고자 한다면 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-printer와 연결하세요. @capgo/capacitor-printer for the implementation detail in @capgo/capacitor-printer, 시작하기 Capacitor 프린터 구현 세부 사항에 대해 Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, and Capacitor 플러그인 추가 또는 업데이트 Capacitor 플러그인 구현 세부 사항에 대해