Saltar al contenido principal
Volver a plugins
@capgo/capacitor-impresora
Tutoriales
@capgo/capacitor-impresora

Impresora

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

Guía

Tutorial sobre Impresora

Usando @capgo/capacitor-impresora

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

Instalar

bun add @capgo/capacitor-printer
bunx cap sync

¿Qué se expone con este plugin?

  • printBase64 - Presenta la interfaz de impresión para imprimir archivos codificados como cadenas de base64.
  • printFile - Presenta la interfaz de impresión para imprimir archivos de dispositivo.
  • printHtml - Presenta la interfaz de impresión para imprimir documentos HTML.
  • printPdf - Presenta la interfaz de impresión para imprimir documentos PDF.

Ejemplo de uso

printBase64

Presenta la interfaz de impresión para imprimir archivos codificados como cadenas de 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 la interfaz de impresión para imprimir archivos de 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 la interfaz de impresión para imprimir documentos 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 la interfaz de impresión para imprimir documentos 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',
});

Referencia completa

Sigue adelante desde Usando @capgo/capacitor-impresora

Si estás utilizando Usando @capgo/capacitor-impresora para planificar el trabajo de plugin nativo, conecta con @capgo/capacitor-impresora para los detalles de implementación en @capgo/capacitor-impresora, Inicio para los detalles de implementación en Inicio, Capgo Directorio de Plugin para el flujo de trabajo del producto en el directorio de plugins Capgo Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, and Agregar o actualizar plugins para el detalle de implementación en Agregar o actualizar plugins.