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`

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

전체 참조

GitHub: https://github.com/Cap-go/capacitor-printer/
/docs/plugins/printer/Docs:

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

__CAPGO_KEEP_0__을 사용 중이시면 @capgo/capacitor-printer을 사용하여 자연 플러그인 작업을 계획하고자 할 때 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-printer을 연결하세요. @capgo/capacitor-printer implementation detail in @capgo/capacitor-printer 에서 Getting Started implementation detail in Getting Started 에서 Capgo Plugin Directory Capgo Plugin Directory 에서의 제품 워크플로 Capacitor Plugins by Capgo implementation detail in Capacitor Plugins by Capgo 에서 플러그인 추가 또는 업데이트 implementation detail in 플러그인 추가 또는 업데이트 에서

프린터

프린터에 대한 튜토리얼