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
- GitHub: https://github.com/Cap-go/capacitor-impresora/
- Documentación: /docs/plugins/impresora/
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.