Saltare al contenuto principale
Indietro ai plugin
@capgo/capacitor-stampa
Guida
@capgo/capacitor-stampa

Stampante

Capacitor plugin per la stampa di documenti, HTML, PDF, immagini e viste web

Guida

Tutoriale su Stampante

Testa sul dispositivo

Scarica l'app Capgo, poi scansa il codice QR code.

Antepriva del collegamento QR del plugin stampante code

Utilizza @capgo/capacitor-stampante

Capacitor plugin per la stampa di documenti, HTML, PDF, immagini e viste web

Installa

bun add @capgo/capacitor-printer
bunx cap sync

Cos'è che questo Plugin Espone

  • printBase64 - Presenta l'interfaccia di stampa per stampare file codificati come stringhe base64.
  • printFile - Presenta l'interfaccia di stampa per stampare file del dispositivo.
  • printHtml - Presenta l'interfaccia di stampa per stampare documenti HTML.
  • printPdf - Presenta l'interfaccia di stampa per stampare documenti PDF.

Esempio di Utilizzo

printBase64

- Presenta l'interfaccia di stampa per stampare file codificati come stringhe base64.

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

Presenta l'interfaccia di stampa per stampare file del dispositivo.

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

Presenta l'interfaccia di stampa per stampare documenti 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

Presenta l'interfaccia di stampa per stampare documenti 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',
});

Riferimento completo

Continua da Utilizzare @capgo/capacitor-printer

Se stai utilizzando Utilizzare @capgo/capacitor-printer per pianificare il lavoro del plugin nativo, connettilo con @capgo/capacitor-printer per il dettaglio di implementazione in @capgo/capacitor-stampa, Iniziare per il dettaglio di implementazione in Iniziare, Directory Plugin Capgo per il flusso di lavoro del prodotto in Directory Plugin Capgo, Plugin Capacitor di Capgo per il dettaglio di implementazione in Plugin Capacitor di Capgo, e Aggiungere o Aggiornare Plugin per il dettaglio di implementazione in Aggiungere o Aggiornare Plugin.