إنشاء وإدارة ملفات PDF عبر Free JavaScript API

الشروع في العمل مع PDFKit

يتوفر PDFKit في npm ، ويمكنك تنزيله بسهولة وتثبيته على جهازك. الرجاء استخدام الأمر التالي للتثبيت السلس.

npm install pdfkit 

إنشاء وتحرير ملفات PDF باستخدام مكتبة جافا سكريبت

يمكن استخدام مكتبة Free PDFKit لإنشاء مستندات PDF داخل تطبيقات JavaScript التي فازت بها بسهولة. إنه يجعل مهمة مطور جافا سكريبت سهلة من خلال مساعدتهم على إنشاء ملف PDF مخصص مع مستندات معقدة متعددة الصفحات مع سطرين فقط من التعليمات البرمجية. وقد تضمن دعمًا للعديد من الميزات المهمة ، مثل تحديد حجم الصفحة وتغيير الهامش الافتراضي وتحديد أنواع الخطوط أو حجم الخط وتطبيق التنسيق والأنماط وغير ذلك الكثير.

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 مفتوحة المصدر. تحتاج فقط إلى توفير مسار الصورة أو المخزن المؤقت أو uri الخاص بالبيانات ببيانات مشفرة باستخدام base64 وتمريرها إلى طريقة الصورة. لقد قدم العديد من الميزات للتعامل مع الصور ، مثل تخصيص عرض الصورة وارتفاعها ، وصورة المقياس ، وملاءمة الصورة داخل شكل ، وتمديد الصورة ، والوصول إلى الصورة باستخدام عنوان URL ، ومحاذاة الصورة أفقيًا ، ومحاذاة الصورة رأسياً وما إلى ذلك.

 // 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 عبر JS API

تسمح مكتبة 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();