@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/
「@capgo/capacitor-printer」を使用している場合
「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-printer」を使用している場合 ネイティブプラグインの作業を計画する場合、@capgo/capacitor-printerを接続します。 「@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-printer」を使用している場合 「@capgo/capacitor-printer」を使用している場合 実装詳細については @capgo/capacitor-printer に Getting Started 実装詳細については Getting Started に Capgo プラグイン ディレクトリ 実装詳細については Capgo プラグイン ディレクトリ に Capacitor プラグイン ( Capgo によって提供) 実装詳細については Capacitor プラグイン ( Capgo によって提供) に プラグインの追加または更新 実装詳細については プラグインの追加または更新 に