Pulsuz JavaScript API vasitəsilə PDF fayllarının yaradılması

PDFMake ilə işə başlamaq

PDFMake npm-də mövcuddur, Siz onu asanlıqla yükləyə və maşınınıza quraşdıra bilərsiniz. Düzgün quraşdırma üçün aşağıdakı əmrdən istifadə edin.

bower install pdfmake

JavaScript Kitabxanasından istifadə edərək PDF faylları yaradın

Açıq mənbəli JavaScript kitabxanası PDFMake proqram proqramçılarına JavaScript kodundan istifadə edərək öz proqramlarında PDF sənədləri yaratmağı asanlaşdırır. Kitabxana PDF faylları ilə işləmək üçün ölçüsü, rəngi və formatı olan şrift növlərini seçmək, yeni səhifə əlavə etmək, sütunlar daxil etmək, üslublar əlavə etmək və tətbiq etmək, cədvəllər daxil etmək, arzuolunmaz səhifələri silmək və bir çox funksiyalar kimi tam funksiyalar dəstini təqdim etmişdir. daha çox.

PDF faylına başlıqlar və altbilgilər əlavə edin

Başlıqlar və altbilgilər PDF sənədlərinin çox faydalı hissələridir və istifadəçilərin müəllif adı, sənədin başlığı, səhifə nömrələri, loqo və sair kimi sənədin hər səhifəsində görünmək istədikləri məzmunun həmin hissəsini daxil etmək üçün istifadə edilə bilər. JavaScript kitabxanası PDFMake PDF sənədinə başlıq və altbilgilərin əlavə edilməsi və dəyişdirilməsi üçün tam dəstək təmin etmişdir. O, təkrarlanan başlıq/altbilgi əlavə etmək, başlıq/altbilgiyə şəkillər daxil etmək, səhifə nömrələri əlavə etmək və s. kimi funksiyaları dəstəkləyir.

 var docDefinition = {
 header: 'simple text',
 footer: {
  columns: [
   'Left part',
   { text: 'Right part', alignment: 'right' }
  ]
 },
 content: (...)
};

Şəkillərin PDF fayllarına daxil edilməsi

Açıq mənbəli JavaScript kitabxanası PDFMake JavaScript əmrlərindən istifadə edərək PDF fayllarına şəkillərin əlavə edilməsi və dəyişdirilməsi üçün tam dəstək göstərmişdir. Kitabxana təsvirin eni və hündürlüyünü təyin etmək, şəkli düzbucaqlı içərisinə yerləşdirmək, URL-lər vasitəsilə təsvirə zəng etmək, şəklin proporsional şəkildə miqyasını dəyişdirmək və təsvirin uzadılması üçün funksiyalar təqdim edib. Eyni təsviri bir neçə qovşaqda istifadə etmək istəyirsinizsə, onu şəkil lüğətinə yerləşdirməli və sadəcə adı ilə çağırmalısınız.

 var docDefinition = {
 content: [
  {
   // you'll most often use dataURI images on the browser side
   // if no width/height/fit is provided, the original size will be used
   image: 'data:image/jpeg;base64,...encodedContent...'
  },
  {
   // if you specify width, image will scale proportionally
   image: 'data:image/jpeg;base64,...encodedContent...',
   width: 150
  },
  {
   // if you specify both width and height - image will be stretched
   image: 'data:image/jpeg;base64,...encodedContent...',
   width: 150,
   height: 150
  },
  {
   // you can also fit the image inside a rectangle
   image: 'data:image/jpeg;base64,...encodedContent...',
   fit: [100, 100]
  },
  {
   // if you reuse the same image in multiple nodes,
   // you should put it to to images dictionary and reference it by name
   image: 'mySuperImage'
  },
  {
   image: 'myImageDictionary/image1.jpg'
  },
  {
   // in browser is supported loading images via url from reference by name in images
   image: 'snow'
  },
  {
   image: 'strawberries'
  },
 ],
 images: {
  mySuperImage: 'data:image/jpeg;base64,...content...',
  snow: 'https://picsum.photos/seed/picsum/200/300',
  strawberries: {
   url: 'https://picsum.photos/id/1080/367/267'
   headers: {
    myheader: '123',
    myotherheader: 'abc',
   }
  }
 }
};

Səhifə Orientasiyası və Margin Dəstəyi

Pulsuz JavaScript kitabxanası PDFMake JavaScript proqramları daxilində səhifə ölçüsünü, səhifə oriyentasiyasını, həmçinin səhifə kənarlarını təyin etmək üçün dəstəyi ehtiva edir. Səhifə ölçüsünü təyin etmək üçün yeni səhifənin enini və hündürlüyünü təmin etməlisiniz. Varsayılan olaraq, kitabxana portret səhifə oriyentasiyasından istifadə edir, lakin onu bir sətirli kodla asanlıqla landşaft vəziyyətinə təyin edə bilər. O, həmçinin səhifə kənarlarını təyin etmək üçün dəstək verir və istifadəçilərə səhifə fasilələrini dinamik şəkildə idarə etməyə imkan verir. O, sol, yuxarı, sağ, aşağı, eləcə də üfüqi və şaquli kənarları dəstəkləyir.

 
var dd = {
	content: [
		{
			stack: [
				'This header has both top and bottom margins defined',
				{text: 'This is a subheader', style: 'subheader'},
			],
			style: 'header'
		},
		{
			text: [
				'Margins have slightly different behavior than other layout properties. They are not inherited, unlike anything else. They\'re applied only to those nodes which explicitly ',
				'set margin or style property.\n',
			]
		},
		{
			text: 'This paragraph (consisting of a single line) directly sets top and bottom margin to 20',
			margin: [0, 20],
		},
		{
			stack: [
				{text: [
						'This line begins a stack of paragraphs. The whole stack uses a ',
						{text: 'superMargin', italics: true},
						' style (with margin and fontSize properties).',
					]
				},
				{text: ['When you look at the', {text: ' document definition', italics: true}, ', you will notice that fontSize is inherited by all paragraphs inside the stack.']},
				'Margin however is only applied once (to the whole stack).'
			],
			style: 'superMargin'
		},
	],
	styles: {
		header: {
			fontSize: 18,
			bold: true,
			alignment: 'right',
			margin: [0, 190, 0, 80]
		},
		subheader: {
			fontSize: 14
		},
		superMargin: {
			margin: [20, 0, 40, 0],
			fontSize: 15
		}
	}
}

JavaScript vasitəsilə cədvəlləri PDF-ə daxil edin

PDFMake açıq mənbə kitabxanası kompüter proqramçılarına PDF fayllarının içərisinə cədvəllər daxil etmək və yeniləmək imkanı verir. Kitabxana cədvəlin sətir sütunları və xanaları ilə işləmək üçün müxtəlif inkişaf etmiş funksiyaları dəstəkləyir. Buraya cədvəllərin düzülməsi, üslub cədvəlinin haşiyələri, eni faizlə müəyyən etmək, cədvəlləri fırlatmaq, yeni səhifədə Cədvəl başlığı cərgəsini təyin etmək və daha çox şey daxildir.

 var docDefinition = {
 content: [
  {
   layout: 'lightHorizontalLines', // optional
   table: {
    // headers are automatically repeated if the table spans over multiple pages
    // you can declare how many rows should be treated as headers
    headerRows: 1,
    widths: [ '*', 'auto', 100, '*' ],
    body: [
     [ 'First', 'Second', 'Third', 'The last one' ],
     [ 'Value 1', 'Value 2', 'Value 3', 'Value 4' ],
     [ { text: 'Bold value', bold: true }, 'Val 2', 'Val 3', 'Val 4' ]
    ]
   }
  }
 ]
};
pdfMake.createPdf(docDefinition, tableLayouts, fonts, vfs)
// tableLayouts, fonts and vfs are all optional - falsy values will cause