1. Προϊόντα
  2.   PDF
  3.   JavaScript
  4.   PDFMake-Wrapper
 
  

Δημιουργία αρχείων PDF μέσω Δωρεάν JavaScript API

Η Βιβλιοθήκη JavaScript ανοιχτού κώδικα επιτρέπει τη δημιουργία, επεξεργασία και εκτύπωση εγγράφων PDF, προσθήκη πινάκων, εικόνων και κεφαλίδων ή υποσέλιδων σε αρχεία PDF.

άχνετε για μια εύκολη στη χρήση βιβλιοθήκη για να δημιουργήσετε και να διαχειριστείτε PDF έγγραφα στην πλευρά του διακομιστή καθώς και την πλευρά του πελάτη. PDFMake-Rapper μπορεί να είναι μια μεγάλη επιλογή για να χειριστείτε τα PDF έγγραφά σας μέσα στις δικές σας JavaScript εφαρμογές με μικρότερη προσπάθεια και μικρότερο κόστος. Είναι μια βιβλιοθήκη ανοιχτού κώδικα που δίνει στους μηχανικούς λογισμικού τη δυνατότητα να παράγουν χρήσιμα PDF έγγραφα και αναφορές χωρίς εξωτερικές εξαρτήσεις.

Η βιβλιοθήκη PDFMake-Rapper έχει συμπεριλάβει υποστήριξη για πολλά σημαντικά βασικά καθώς και προηγμένα χαρακτηριστικά που σχετίζονται με τη δημιουργία και τη διαχείριση PDF εγγράφων, όπως την περικοπή γραμμών, τις ευθυγραμμίσεις κειμένου, τη δημιουργία και Είναι μια βιβλιοθήκη που παρέχει λειτουργίες για την ανάπτυξη PDF εγγράφων με εύκολο και γρήγορο τρόπο. Ένα μεγάλο χαρακτηριστικό του PDFMake-Rapper είναι ότι έχει υιοθετήσει μια δηλωτική προσέγγιση, η οποία δίνει στους χρήστες τη δυνατότητα να επικεντρωθούν εύκολα σε αυτό που θέλουν να επιτύχουν. Η βιβλιοθήκη είναι πολύ σταθερή και μπορεί εύκολα να χρησιμοποιηθεί τόσο στον πελάτη όσο και στον server.

Previous Next

Ξεκίνησε με PDFMake-Rapper

Το PDFMake-Rapper είναι διαθέσιμο σε αριθμό, μπορείτε εύκολα να το κατεβάσετε και να το εγκαταστήσετε στη μηχανή σας. Για να χρησιμοποιήσετε αυτή τη βιβλιοθήκη θα πρέπει να εγκαταστήσετε αυτά τα τρία πακέτα.

Εγκατάσταση PDFMake μέσω του αριθμού

npm install pdfmake --save

Τύποι / pdfmake περιέχει τους τύπους για pdfmake για να αποφύγετε σφάλματα πληκτρολόγησης.

npm install @types/pdfmake --save-dev

Εγκαταστήστε το pdfmake-wrapper μέσω του μουμέ

npm install pdfmake-wrapper --save

Δημιουργία και διαχείριση PDF εγγράφων μέσω JavaScript

Η βιβλιοθήκη PDFMake-Rapper είναι μια εξαιρετική επιλογή για τη δημιουργία PDF εγγράφων σε JavaScript. Επιτρέπει στους προγραμματιστές λογισμικού να δημιουργήσουν PDF έγγραφα στο πρόγραμμα περιήγησης (client-side) και στο Node.js (server-side) με λίγες γραμμές JavaScript κώδικα. Μόλις δημιουργηθεί το PDF αρχείο, μπορείτε επίσης να το τροποποιήσετε καθώς και να εισαγάγετε κείμενο, ενσωματωμένες γραμματοσειρές και γραφικά, να επιλέξετε και να εφαρμόσετε από διάφορα στυλ, να εισαγάγετε εξωτερικές εικόνες και πολλά άλλα. Είναι επίσης δυνατό να δημιουργήσετε ένα PDF αρχείο από HTML, αλλά θα χρειαστείτε html2canvas για αυτό.

Πώς να δημιουργήσετε PDF αρχεία από HTML μέσω JavaScript


html2canvas(document.getElementById('exportthis'), {
  onrendered: function (canvas) {
    var data = canvas.toDataURL();
    var docDefinition = {
      content: [{
        image: data,
        width: 500,
      }]
    };
    pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
  }
});

Ηγέτες και Προσθήκη ποδιών σε PDF Αρχεία μέσω JavaScript

Η βιβλιοθήκη ανοιχτού κώδικα PDFMake-Rapper καθιστά πολύ εύκολο για τους προγραμματιστές λογισμικού να προσθέσουν την κεφαλίδα καθώς και υποσέλιδο στα PDF έγγραφα τους με λίγες μόνο γραμμές κώδικα. Είναι επίσης δυνατό να χρησιμοποιήσετε μια εικόνα μέσα στο τμήμα κεφαλίδων / ποδιών. Είναι επίσης δυνατό να προσθέσετε άλλο περιεχόμενο όπως αριθμός σελίδας, λογότυπο εταιρείας, όνομα συγγραφέα, καταμέτρηση σελίδας, μέγεθος σελίδας κ.λπ. στο τμήμα επικεφαλίδας/πότας. Είναι επίσης δυνατό να εφαρμόσετε διάφορα είδη στυλ και μορφοποίηση. Καλύτερη χρήση στο στυλ όποτε χρειάζεται στο τμήμα επικεφαλίδας ή υποσέλιδου.

Εισαγωγή και διαχείριση των πινάκων μέσα σε PDF μέσω της S Library

Η βιβλιοθήκη PDFMake-Rapper παρέχει πλήρη υποστήριξη για τη χρήση πινάκων μέσα σε PDF έγγραφα. Παρέχει διάφορες χρήσιμες λειτουργίες για τη διαχείριση σύνθετων πινάκων μέσα σε JavaScript εφαρμογές, όπως η δημιουργία νέων πινάκων από την αρχή, προσθέτοντας κεφαλίδες για πίνακες, προσθέτοντας μορφή σε κεφαλίδες, εισάγοντας νέα κύτταρα και συνδυασμούς.

Πώς να συνδυάσετε τις στήλες σε PDF τραπέζια μέσω S API;

new Table([
    [
        new Txt('Name').bold().end,
        new Txt('Address').bold().end,
        new Txt('Email').bold().end,
        new Txt('Phone').bold().end
    ],
    [new Cell(new Txt('A').end).colSpan(4).end, null, null, null],
    ['Anastasia', 'Some direction 1', 'anastasia@domain.com', '123 4566 187'],
    ['Alexander', 'Some direction 2', 'alexander@domain.com', '123 4566 187'],
    [new Cell(new Txt('C').end).colSpan(4).end, null, null, null],
    ['Clementine', 'Some direction 3', 'clementine@domain.com', '123 4566 187'],
    ['Chelsey', 'Some direction 4', 'chelsey@domain.com', '123 4566 187'],
    [new Cell(new Txt('N').end).colSpan(4).end, null, null, null],
    ['Nicholas', 'Some direction 5', 'nicholas@domain.com', '123 4566 187'],
])
.widths(...)
.heights(...)
.end;

Σχεδιάστε Vectors μέσα σε PDF μέσω JavaScript API

Η βιβλιοθήκη P PDFMake-Rapper επιτρέπει στους προγραμματιστές λογισμικού να σχεδιάζουν διανυσματικά σχήματα μέσα σε PDF έγγραφα με ευκολία. Για να σχεδιάσετε διανύσματα σε PDF αρχεία, απαιτείται η δημιουργία ενός καμβά που είναι εκεί όπου θα σχεδιαστούν διανύσματα. Θυμηθείτε ότι η παραγγελία έχει σημασία στον καμβά, ο τελευταίος φορέας θα είναι πάνω από τους άλλους. Μόλις δημιουργηθεί, μπορείτε επίσης να το αναδιαμορφώσετε ανάλογα με τις δικές σας ανάγκες και να το αντικαταστήσετε με ευκολία.

Γραμμή εντός PDF μέσω JavaScript

import { Line } from '../../../src';
describe('Line definition class', () => {
    it('should be instanced', () => {
        const line = new Line(10, 10);
        expect( line.end ).toBeTruthy();
    });
    it('should be a simple line', () => {
        const line = new Line(10, 10).end;
        expect( line ).toEqual({ 
            type: 'line',
            x1: 10,
            y1: 10,
            x2: 10,
            y2: 10
        });
    });
    it('should be a line vector with full properties', () => {
        const line = new Line(10, 10)
            .color('red')
            .dash(5)
            .fillOpacity(0.1)
            .lineColor('blue')
            .lineWidth(3)
            .linearGradient(['green', 'yellow'])
            .lineCap('round')
            .end;
        expect( line ).toEqual({ 
            type: 'line',
            x1: 10,
            y1: 10,
            x2: 10,
            y2: 10,
            color: 'red',
            dash: { length: 5 },
            fillOpacity: 0.1,
            lineColor: 'blue',
            lineWidth: 3,
            linearGradient: ['green', 'yellow'],
            lineCap: 'round'
        });
    });
});
 Ελληνικά