ओपन सोर्स जावास्क्रिप्ट एपीआई के माध्यम से पीडीएफ जेनरेट करें

JsPDF के साथ शुरुआत करना

आरंभ करने का अनुशंसित और आसान तरीका सीडीएन होस्टेड लाइब्रेरी को अपने पेज पर छोड़ना है, नीचे कमांड है।

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script> 

जावास्क्रिप्ट लाइब्रेरी के माध्यम से पीडीएफ दस्तावेज़ बनाना

JsPDF PDF दस्तावेज़ों के निर्माण के साथ-साथ जावास्क्रिप्ट अनुप्रयोगों के अंदर संशोधनों के लिए कार्यक्षमता प्रदान करता है। आप आसानी से PDF दस्तावेज़ जेनरेट कर सकते हैं और उसमें नया पेज जोड़ सकते हैं। नया दस्तावेज़ बनाते समय आप दस्तावेज़ अभिविन्यास, इकाइयों और डिफ़ॉल्ट पृष्ठ स्वरूप को परिभाषित कर सकते हैं। एक बार पीडीएफ बन जाने के बाद आप आसानी से नए पेज जोड़ सकते हैं, चित्र सम्मिलित कर सकते हैं, आदि आसानी से कर सकते हैं।

 import { jsPDF } from "jspdf";
  // Default export is a4 paper, portrait, using millimeters for units
  const doc = new jsPDF();
  doc.text("Hello world!", 10, 10);
  doc.save("a4.pdf");

जावास्क्रिप्ट के माध्यम से पीडीएफ दस्तावेज़ों में पाठ सम्मिलित करना

जेएसपीडीएफ एपीआई जावास्क्रिप्ट डेवलपर्स को पीडीएफ दस्तावेज़ के अंदर टेक्स्ट जोड़ने और प्रदर्शित करने की सुविधा प्रदान करता है। पाठ को आकर्षित करने के लिए आपको फ़ॉन्ट नाम को परिभाषित करने की आवश्यकता है। हम उपलब्ध फोंट में से चुन सकते हैं। फ़ॉन्ट परिवार और फ़ॉन्ट शैली को बदलना भी संभव है। उसके बाद, हम फ़ॉन्ट आकार, टेक्स्ट रंग और बहुत कुछ परिभाषित कर सकते हैं।

  //Add Text to Existing PDF 
  var doc = new jsPDF();
  doc.addHTML(document.body, function() {
  doc.text(20, 20, 'Hello world!');
  doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
  doc.addPage();
  doc.text(20, 20, 'Do you like that?');
  printData();
  });
  printData = function() {
  var str = doc.output('datauristring');
  console.log(str);
  // window.open(str); Optional
  }

जावास्क्रिप्ट के माध्यम से पीडीएफ दस्तावेज़ों में ग्राफिक्स जोड़ना

JsPDF लाइब्रेरी जावास्क्रिप्ट प्रोफेशनल को PDF दस्तावेज़ों के अंदर ग्राफिक्स बनाने में सक्षम बनाती है। ग्राफिक्स हमेशा सामग्री के टुकड़े में अधिक मूल्य जोड़ते हैं। सबसे पहले, हमें खींची गई आकृतियों को भरने और स्ट्रोक के रंगों को सेट करना होगा। हम स्ट्रोक की चौड़ाई भी सेट कर सकते हैं। प्रत्येक आकृति आरेखण फ़ंक्शन केंद्र बिंदु निर्देशांक को दो पहले पैरामीटर (त्रिकोण को छोड़कर) के रूप में लेता है। वे अंतिम पैरामीटर ड्राइंग शैली भी लेते हैं। हम दो त्रिज्याओं या वृत्तों को पार करके, केवल एक त्रिज्या, एक त्रिभुज को पार करके, प्रत्येक कोने के निर्देशांकों को पार करके एक दीर्घवृत्त खींच सकते हैं।

  // Add image to PDF
  var img = new Image()
  img.src = 'assets/sample.png'
  pdf.addImage(img, 'png', 10, 78, 12, 15)