Génération de fichiers PDF avec JavaScript
J'essaie de convertir des données XML en fichiers PDF à partir d'une page web et j'espérais pouvoir le faire entièrement en JavaScript. Je dois être capable de dessiner du texte, des images et des formes simples. J'aimerais pouvoir le faire entièrement dans le navigateur.
6 réponses
Je viens d'écrire une bibliothèque appelée jsPDF qui génère des fichiers PDF en utilisant Javascript seul. Il est encore très jeune, et je vais ajouter des fonctionnalités et des corrections de bugs bientôt. Vous avez également quelques idées de solutions de contournement dans les navigateurs qui ne prennent pas en charge les URI de données. Il est autorisé sous une licence libérale du MIT.
Je suis tombé sur cette question avant de commencer à l'écrire et je pensais revenir et vous faire savoir :)
Générer des fichiers PDF en Javascript
Exemple créer un " bonjour Monde " fichier PDF.
// 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>Une autre bibliothèque javascript à mentionner est pdfmake .
La prise en charge du navigateur ne semble pas aussi forte que jsPDF, et il ne semble pas y avoir d'option pour les formes, mais les options de formatage du texte sont plus avancées que les options actuellement disponibles dans jsPDF.
Je maintiens PDFKit , qui alimente également pdfmake (déjà mentionné ici). Cela fonctionne à la fois dans Node et dans le navigateur, et prend en charge un tas de choses que les autres bibliothèques ne font pas:
- Intégration de polices sous-définies, avec prise en charge de l'unicode.
- beaucoup de trucs de mise en page avancée (colonnes, saut de page, saut de ligne unicode complet, texte riche de base,etc.).
- travailler sur encore plus de polices pour la typographie avancée (ligatures OpenType / AAT, substitution contextuelle, etc.). À venir: voir la branche fontkit si vous êtes intéressé.
- plus de trucs graphiques: dégradés, etc.
- construit avec des outils modernes comme browserify et streams. Utilisable à la fois dans le navigateur et le nœud.
Vérifier http://pdfkit.org/ pour un tutoriel complet pour voir par vous - même ce que PDFKit peut faire. Et pour un exemple de quels types de documents peuvent être produits, consultez les documents en tant que PDF généré à partir de certains fichiers Markdown en utilisant PDFKit lui-même: http://pdfkit.org/docs/guide.pdf.
Vous pouvez aussi essayer de manière interactive dans le navigateur ici: http://pdfkit.org/demo/browser.html.
Un Autre projet intéressant est texlive.js .
Il vous permet de compiler (La)TeX au format PDF dans le navigateur.
Vous pouvez utiliser ce service gratuit en ajoutant un lien qui crée un pdf à partir de n'importe quelle url (par exemple http://www.phys.org):
Même si vous pouviez générer le PDF en mémoire en JavaScript, vous auriez toujours la question de savoir comment transférer ces données à l'utilisateur. Il est difficile pour JavaScript de simplement pousser un fichier à l'utilisateur.
Pour obtenir le fichier À l'utilisateur, vous souhaitez faire un serveur soumettre afin d'obtenir le navigateur pour afficher la boîte de dialogue enregistrer.
Cela dit, il n'est vraiment pas trop difficile de générer des fichiers PDF. Il suffit de lire la spec.