Generazione di file PDF con JavaScript

Sto cercando di convertire i dati XML in file PDF da una pagina Web e speravo di poterlo fare interamente all'interno di JavaScript. Devo essere in grado di disegnare testo, immagini e forme semplici. Mi piacerebbe poterlo fare interamente nel browser.

Ho appena scritto una libreria chiamata jsPDF che genera PDF usando solo Javascript. È ancora molto giovane e presto aggiungerò funzionalità e correzioni di bug. Sono state inoltre fornite alcune idee per soluzioni alternative nei browser che non supportano gli URI dei dati. È concesso in licenza con una licenza MIT liberale.

Mi sono imbattuto in questa domanda prima di iniziare a scriverla e ho pensato di tornare e farti sapere :)

Genera PDF in Javascript

Esempio creare un file PDF "Hello World".

// Default export is a4 paper, portrait, using milimeters for units
var doc = new jsPDF()

doc.text('Hello world!', 10, 10)
doc.save('a4.pdf')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.debug.js"></script>

Un'altra libreria javascript degna di nota è pdfmake .

• pdfmake playground
• pdfmake su github

Il supporto del browser non sembra essere forte come jsPDF, né sembra esserci un'opzione per le forme, ma le opzioni per la formattazione del testo sono più avanzate di quelle attualmente disponibili in jsPDF.

Io sostengo PDFKit , che ha anche poteri pdfmake (già accennato qui). Funziona sia in Node che nel browser e supporta un sacco di cose che altre librerie non:

• Incorporamento di caratteri sotto settati, con supporto per Unicode.
• Un sacco di elementi avanzati di layout del testo (colonne, interruzione di pagina, interruzione di riga unicode completa, rich text di base, ecc.).
• Lavorare su ancora più elementi per la tipografia avanzata (legature OpenType / AAT, sostituzione contestuale, ecc.). Prossimamente: vedi il ramo di fontkit se sei interessato.
• Altre cose grafiche: gradienti, ecc.
• Costruito con strumenti moderni come browserify e stream. Utilizzabile sia nel browser che nel nodo.

Dai un'occhiata a http://pdfkit.org/ per un tutorial completo per vedere di persona cosa può fare PDFKit. E per un esempio di quali tipi di documenti possono essere prodotti, controlla i documenti come PDF generati da alcuni file Markdown usando PDFKit stesso: http://pdfkit.org/docs/guide.pdf .

Puoi anche provarlo interattivamente nel browser qui: http://pdfkit.org/demo/browser.html .

Un altro progetto interessante è texlive.js .

Ti permette di compilare (La) TeX in PDF nel browser.

È possibile utilizzare questo servizio gratuito aggiungendo un collegamento che crea pdf da qualsiasi URL (ad esempio http://www.phys.org ):

http://freehtmltopdf.com/?convert=http%3A%2F%2Fwww.phys.org&size=US_Letter&orientation=portrait&framesize=800&language=en

Anche se tu potessi generare il PDF in memoria in JavaScript, avresti ancora il problema di come trasferire tali dati all'utente. È difficile per JavaScript inviare semplicemente un file all'utente.

Per ottenere il file per l'utente, è necessario eseguire un invio del server per consentire al browser di visualizzare la finestra di dialogo di salvataggio.

Detto questo, non è davvero troppo difficile generare PDF. Leggi le specifiche.