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

Impresora

Capacitor plugin para imprimir documentos, HTML, PDF, imágenes y vistas web

Guía

Tutoría sobre Impresora

Probar en dispositivo

Descarga la aplicación Capgo, luego escanea el código QR code.

Enlace de vista previa del plugin de impresora QR code

Usando @capgo/capacitor-impresora

El plugin Capacitor para imprimir documentos, HTML, PDF, imágenes y vistas web.

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 base64.
  • printFile - Presenta la interfaz de impresión para imprimir archivos del dispositivo.
  • printHtml - Presenta la interfaz de impresión para imprimir documentos HTML.
  • printPdf - Presenta la interfaz de impresión para imprimir documentos PDF.

Uso de ejemplo

printBase64

Presenta la interfaz de impresión para imprimir archivos codificados como cadenas 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

Presents the printing UI to print device files.

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

Presents the printing UI to print documents 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

Presents the printing UI to print documents 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 el detalle de implementación en @capgo/capacitor-impresora, Inicio para el detalle de implementación en Inicio, Capgo Directorio de Plugins para el flujo de trabajo del producto en Capgo Directorio de Plugins, Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.