PDF را از طریق JavaScript API منبع باز ایجاد کنید

شروع کار با JsPDF

توصیه و ساده ترین راه برای شروع این است که کتابخانه میزبان CDN را در صفحه خود رها کنید، در زیر این دستور آمده است.

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

تولید اسناد PDF از طریق کتابخانه جاوا اسکریپت

JsPDF قابلیت تولید اسناد PDF و همچنین تغییرات در برنامه های جاوا اسکریپت را ارائه می دهد. شما به راحتی می توانید اسناد 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");

درج متن به اسناد PDF از طریق جاوا اسکریپت

JsPDF API توسعه دهندگان جاوا اسکریپت را برای اضافه کردن و نمایش متن در یک سند 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
  }

افزودن گرافیک به اسناد PDF از طریق جاوا اسکریپت

کتابخانه JsPDF حرفه ای جاوا اسکریپت را قادر می سازد تا تصاویر گرافیکی را در اسناد PDF ترسیم کند. گرافیک همیشه ارزش بیشتری به قطعه محتوا می بخشد. ابتدا باید شکل های ترسیم شده را رنگ پر و استروک تنظیم کنیم. ما همچنین می توانیم عرض ضربه را تنظیم کنیم. هر تابع ترسیم شکل، مختصات نقطه مرکزی را به عنوان دو پارامتر اول (به جز مثلث) می گیرد. آنها همچنین آخرین پارامتر را به سبک ترسیم می کنند. می‌توانیم با عبور از دو شعاع یا دایره، تنها با عبور از یک شعاع، مثلث، با عبور از مختصات هر گوشه و موارد دیگر، یک بیضی رسم کنیم.

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