Open Source Pure JavaScript הספרייה מאפשרת ליצור PDF קבצים, להוסיף תמונות, טקסט, להגדיר שולי ולהוסיף קבצים מצורפים ל-PDF עבור קוד ודפדפן אינטרנט.
PDFKit היא ספריית קוד פתוח שימושית מאוד ליצירת וניהול PDF מסמכים עם מאמץ מינימלי ועלות. API הוא פשוט להתמודד ותומך פונקציות ברמה נמוכה, כמו גם הפשטה לפונקציונליות ברמה גבוהה יותר.
ספריית PDFKit היא מאוד עשירה בתכונות וכללה תמיכה בתכונות חשובות רבות הקשורות ליצירת PDF מסמכים וניהול כגון הוספת תמונות JPEG ו-NG, PDF תמיכה בהצפנה, הטבות גישה, הוספת קישורים.
הספרייה יציבה מאוד וניתן להשתמש בה בקלות בצד הלקוח וגם בצד השרת. הוא אינו מסוגל בדפדפן כמו גם ב-Node.js ותומך באופן מלא ביצירת מסמכים מורכבים, רב עמודים, ניתנים להדפסה. זה יכול לפעול בדפדפנים פופולריים רבים כגון Internet Explorer, Firefox, Chrome, Opera, Safari ועוד.
תחילת העבודה עם PDFKit
PDFKit זמין במספר, אתה יכול בקלות להוריד אותו ולהתקין אותו על המכונה שלך. אנא השתמש בפקודה הבאה עבור התקנה חלקה.
התקן PDFKit באמצעות מספר
npm install pdfkit
יצירת עריכה PDF קבצים באמצעות JavaScript ספריה
ספריית חינם PDFKit ניתן להשתמש כדי ליצור PDF מסמכים בתוך JavaScript יישומים זכו בקלות. זה עושה את העבודה של JavaScript מפתח קל על ידי עוזר להם ליצור מותאם אישית PDF עם מסמכים מורכבים, רב עמודים עם רק כמה שורות קוד. הוא כלל תמיכה במספר תכונות חשובות, כגון בחירת גודל דף, שינוי שולי ברירת המחדל, בחירת סוגי גופנים או גודל גופן, יישום עיצוב וסגנונות, ועוד.
יצירה PDF מתוך JavaScript ספריה
const PDFDocument = require('pdfkit');
const fs = require('fs');
// Create a document
const doc = new PDFDocument();
// Pipe its output somewhere, like to a file or HTTP response
// See below for browser usage
doc.pipe(fs.createWriteStream('output.pdf'));
// Embed a font, set the font size, and render some text
doc
.font('fonts/PalatinoBold.ttf')
.fontSize(25)
.text('Some text with an embedded font!', 100, 100);
// Add an image, constrain it to a given size, and center it vertically and horizontally
doc.image('path/to/image.png', {
fit: [250, 300],
align: 'center',
valign: 'center'
});
// Add another page
doc
.addPage()
.fontSize(25)
.text('Here is some vector graphics...', 100, 100);
// Finalize PDF file
doc.end();
הוספת ניהול תמונות בתוך PDF דרך JavaScript API
קל מאוד להכניס תמונות בתוך מסמך PDF באמצעות ספריית קוד פתוח PDFKit. אתה רק צריך לספק את נתיב התמונה, חיץ, או נתונים שתן עם בסיס64 נתונים מקודדים ולהעביר אותו לשיטת התמונה. הוא סיפק מספר תכונות לטיפול בתמונות, כגון התאמה אישית של רוחב התמונה וגובה, תמונה בקנה מידה, התאמה תמונה בתוך צורה, מתיחה תמונה, גישה תמונה באמצעות URL, בצורה אופקית ליישר את התמונה, בצורה אנכית.
כיצד לנהל תמונות ב PDF דרך JavaScript
// Scale proprotionally to the specified width
doc.image('images/test.jpeg', 0, 15, {width: 300})
.text('Proportional to width', 0, 0);
// Fit the image within the dimensions
doc.image('images/test.jpeg', 320, 15, {fit: [100, 100]})
.rect(320, 15, 100, 100)
.stroke()
.text('Fit', 320, 0);
// Stretch the image
doc.image('images/test.jpeg', 320, 145, {width: 200, height: 100})
.text('Stretch', 320, 130);
// Scale the image
doc.image('images/test.jpeg', 320, 280, {scale: 0.25})
.text('Scale', 320, 265);
// Fit the image in the dimensions, and center it both horizontally and vertically
doc.image('images/test.jpeg', 430, 15, {fit: [100, 100], align: 'center', valign: 'center'})
.rect(430, 15, 100, 100).stroke()
.text('Centered', 430, 0);
הוספת טקסט ניהול טקסט בתוך PDF באמצעות S API
קוד פתוח JavaScript ספריה PDFKit מאפשר לאנשי תוכנה להכניס, כמו גם לשנות טקסט בתוך PDF המסמכים שלהם. הוספת טקסט והתאמה אישית היא קלה מאוד לטיפול וספריית PDFKit סיפקה מספר תכונות שימושיות לטיפול במבנה הטקסט ובסטיילינג. הוא כלל תכונות כמו צידוק טקסט, עטיפת קו, הפסקה קו, העברת טקסט, הגדרת שטח בין פסקאות, טקסט שבץ, תוספת רשימות, תמיכה טקסט עשיר ועוד.
const lorem = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in suscipit purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus nec hendrerit felis. Morbi aliquam facilisis risus eu lacinia. Sed eu leo in turpis fringilla hendrerit. Ut nec accumsan nisl.';
doc.fontSize(8);
doc.text(`This text is left aligned. ${lorem}`, {
width: 410,
align: 'left'
}
);
doc.moveDown();
doc.text(`This text is centered. ${lorem}`, {
width: 410,
align: 'center'
}
);
doc.moveDown();
doc.text(`This text is right aligned. ${lorem}`, {
width: 410,
align: 'right'
}
);
doc.moveDown();
doc.text(`This text is justified. ${lorem}`, {
width: 410,
align: 'justify'
}
);
// draw bounding rectangle
doc.rect(doc.x, 0, 410, doc.y).stroke();