Guía
Tutorial sobre Impresora
Usando @capgo/capacitor-impresora
Capacitor plugin para imprimir documentos, HTML, PDF, imágenes y vistas web.
Instalar
bun add @capgo/capacitor-printer
bunx cap sync
¿Qué Esta Plugin Exposa
printBase64- Presenta la interfaz de impresión para imprimir archivos codificados como cadenas 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 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
- GitHub: https://github.com/Cap-go/capacitor-impresora/
- Documentación: /docs/plugins/impresora/
Sigue adelante desde [Usando @capgo/capacitor-impresora](#usando-@capgo/capacitor-impresora)
Si estás utilizando [Usando @capgo/capacitor-impresora](#usando-@capgo/capacitor-impresora) para planificar el trabajo de plugin nativo, conecta con @capgo/capacitor-impresora para obtener detalles de implementación en @capgo/capacitor-impresora, Inicio rápido para obtener detalles de implementación en Inicio rápido, Directorio de plugins de Capgo para el flujo de trabajo del producto en Directorio de plugins de 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.