Vai al contenuto
Capgo

Iniziare

  1. Installa il plugin

    Terminal window
    npm i @capgo/capacitor-pdf-generator

  2. Sincronizza piattaforme

    Terminal window
    npx cap sync

Genera da HTML

Section titled “Genera da HTML”
import { PdfGenerator } from '@capgo/capacitor-pdf-generator';


const receiptHtml = `
  <html>
    <body>
      <h1>Negozio Capgo</h1>
      <p>Grazie per il tuo acquisto.</p>
    </body>
  </html>
`;


const pdf = await PdfGenerator.fromData({
  data: receiptHtml,
  documentSize: 'A4',
  orientation: 'portrait',
  type: 'base64',
  fileName: 'ricevuta.pdf',
});


if (pdf.type === 'base64') {
  const link = document.createElement('a');
  link.href = `data:application/pdf;base64,${pdf.base64}`;
  link.download = 'ricevuta.pdf';
  link.click();
}

Cattura un URL remoto

Section titled “Cattura un URL remoto”
await PdfGenerator.fromURL({
  url: 'https://docs.capgo.app/invoice?id=123',
  orientation: 'landscape',
  documentSize: 'A4',
  type: 'share', // apre la finestra di condivisione nativa
  fileName: 'fattura-123.pdf',
});

Suggerimenti

Section titled “Suggerimenti”
  • Includi CSS inline nella tua stringa HTML o fornisci un baseUrl in modo che le risorse relative si risolvano correttamente.
  • Quando restituisci dati base64 su mobile, spostali nel filesystem (ad es., Capacitor Filesystem) prima di condividerli.
  • L’orientamento orizzontale è ideale per tabelle larghe, mentre quello verticale si adatta alla maggior parte dei documenti.
  • Considera di utilizzare font CSS con ambito (ad es., font di sistema) per un rendering coerente tra le piattaforme.