La conversion de json au format pdf à l'aide de frameworks js

Je veux convertir les données json dans un fichier pdf via Javascript côté client. Pouvez-vous svp m'indiquer un utile sens?

Par exemple, j'aimerais convertir en json

{"employees":[
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

Dans un pdf...

Employees

FirstName: John  LastName  :Doe

FirstName: Anna LastName  :Smith

FirstName: Peter LastName  :Jones
Les données JSON au format pdf? Qu'est que cela veut dire?
mise à jour avec ce que je veux faire

OriginalL'auteur chiru | 2014-11-17

  1. 11

    Vous pouvez générer des PDF sur le client à l'aide de jsPDF . 

    var employees = [
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
];

var doc = new jsPDF();
employees.forEach(function(employee, i){
    doc.text(20, 10 + (i * 10), 
        "First Name: " + employee.firstName +
        "Last Name: " + employee.lastName);
});
doc.save('Test.pdf');
    merci pour les intrants mis à jour avec ce que je veux faire
    Je dois faire la même chose mais mon objet json est grand, qui est un tableau essentiellement avec plus de 800 entrées de comment je peux le faire
    Je suppose qu'il n'a pas d'importance comment un grand nombre d'entrées que vous avez, l'approche serait la même, ou alors j'ai loupé quelque chose ?
    Comme alternative, vous pouvez également essayer les pdfmake de la bibliothèque.
    Comment peut-on générer de table comme la structure par le biais de jsPDF?

    OriginalL'auteur Alexander

  2. 2

    Vous pouvez utiliser pdfmake qui soutiennent à la fois côté client et côté serveur de rendu

    //import pdfmake
import pdfMake from 'pdfmake/build/pdfmake.js';
import pdfFonts from 'pdfmake/build/vfs_fonts.js';

pdfMake.vfs = pdfFonts.pdfMake.vfs;

const employees = [
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
];
const document = { content: [{text: 'Employees', fontStyle: 15, lineHeight: 2}] }
employees.forEach(employee => {
    document.content.push({
        columns: [
            { text: 'firstname', width: 60 },
            { text: ':', width: 10 },
            { text:employee.firstName, width: 50 },
            { text: 'lastName', width: 60 },
            {text: ':', width: 10 }, { text: employee.lastName, width: 50}
        ],
        lineHeight: 2
    });
});
pdfMake.createPdf(document).download();

    OriginalL'auteur Sachidhanandhan