1. Məhsullar
  2.   PDF
  3.   JavaScript
  4.   JSPDF
 
  

Açıq Mənbə JavaScript API vasitəsilə PDF yaradın

PDF fayllarını yaratmaq və çevirmək üçün açıq mənbəli JavaScript kitabxanası, JavaScript vasitəsilə PDF-ə Qrafik və Mətn əlavə edin.

JSPDF, PDF sənədinin yaradılması və idarə edilməsi üçün açıq mənbəli HTML5 müştəri tərəfi həllidir. O, hesabat, sertifikatlar, bilet və daha çox kimi əla xüsusiyyətləri dəstəkləyir. PDF internetdə çox populyar olduğundan və demək olar ki, hər bir şirkət ondan sənədlər və hesabatları paylaşmaq üçün istifadə edir. Yalnız bir neçə əmrdən istifadə etməklə siz öz tətbiqinizdəki bütün əla xüsusiyyətlərə daxil ola və yenidən istifadə edə bilərsiniz. 

JsPDF kitabxanası haqqında ən yaxşı fikir, istifadəçilər yükləmə düyməsini kliklədikdə PDF faylı yaratmasıdır. O, PDF sənədlərinin yaradılması, formaların çəkilməsi və PDF fayllarına şəkillərin daxil edilməsi, PDF-ə səhifələr əlavə etmək, mətn əlavə etmək və göstərmək, xəritəni PDF olaraq ixrac etmək, HTML-ni PDF-ə çevirmək və sair kimi bir neçə görkəmli funksiyaya dəstək daxildir.

Previous Next

JsPDF ilə işə başlayın

Başlamaq üçün tövsiyə olunan və ən asan yol CDN-də yerləşdirilən kitabxananı səhifənizə atmaqdır, aşağıda əmr verilmişdir.

Quraşdırma kodundan istifadə edin

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

JavaScript Kitabxanası vasitəsilə PDF sənədlərinin yaradılması

JsPDF PDF sənədlərinin yaradılması, həmçinin JavaScript proqramları daxilində dəyişikliklər üçün funksionallıq təklif edir. Siz asanlıqla PDF sənədləri yarada və ona yeni səhifə əlavə edə bilərsiniz. Yeni sənəd yaratarkən sənədin istiqamətini, vahidlərini və standart səhifə formatını təyin edə bilərsiniz. PDF yaradıldıqdan sonra ona asanlıqla yeni səhifələr əlavə edə, şəkillər əlavə edə və s. edə bilərsiniz.

JavaScript vasitəsilə PDF sənədləri yaradın

 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");

JavaScript vasitəsilə PDF sənədlərinə mətnin daxil edilməsi

JsPDF API JavaScript tərtibatçılarına PDF sənədinə mətn əlavə etmək və göstərmək imkanı verir. Mətni çəkmək üçün şriftin adını təyin etməlisiniz. Mövcud şriftlərdən seçim edə bilərik. Şrift ailəsini və şrift üslubunu dəyişdirmək də mümkündür. Bundan sonra biz şriftin ölçüsünü, mətn rəngini və s. müəyyən edə bilərik.

JavaScript istifadə edərək mövcud PDF-ə mətn əlavə edin

  //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
  }

JavaScript vasitəsilə PDF sənədlərinə qrafiklərin əlavə edilməsi

JsPDF kitabxanası JavaScript peşəkarına PDF sənədlərinin içərisində qrafiklər çəkməyə imkan verir. Qrafika həmişə məzmun parçasına daha çox dəyər əlavə edir. Birincisi, çəkilmiş formaları doldurma və vuruş rənglərini təyin etməliyik. Biz vuruşun genişliyini də təyin edə bilərik. Hər bir forma rəsm funksiyası mərkəz nöqtəsinin koordinatlarını iki ilk parametr kimi qəbul edir (üçbucaqdan başqa). Onlar həmçinin son parametrin rəsm üslubunu götürürlər. İki radiusdan və ya dairədən keçməklə, yalnız bir radiusdan, üçbucaqdan keçməklə, hər küncün koordinatlarını və daha çoxunu keçməklə ellips çəkə bilərik.

JavaScript istifadə edərək PDF-ə şəkil əlavə edin

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