PDF failu izveide, izmantojot bezmaksas JavaScript API

Darba sākšana ar PDFMake

PDFMake ir pieejams vietnē npm, to var viegli lejupielādēt un instalēt savā datorā. Lūdzu, izmantojiet šo komandu vienmērīgai instalēšanai.

bower install pdfmake

Ģenerējiet PDF failus, izmantojot JavaScript bibliotēku

Atvērtā pirmkoda JavaScript bibliotēka PDFMake ļauj programmatūras programmētājiem viegli ģenerēt PDF dokumentus savās lietojumprogrammās, izmantojot JavaScript kodu. Bibliotēka ir nodrošinājusi pilnu funkciju komplektu darbam ar PDF failiem, piemēram, fontu veidu izvēle ar izmēru, krāsu un formatējumu, jaunas lapas pievienošana, kolonnu ievietošana, stilu pievienošana un pielietošana, tabulu ievietošana, nevēlamu lapu dzēšana un daudzas citas iespējas. vairāk.

Pievienojiet galvenes un kājenes PDF failam

Galvenes un kājenes ir ļoti noderīgas PDF dokumentu daļas, un tās var izmantot, lai iekļautu to satura daļu, kuru lietotāji vēlas parādīt katrā dokumenta lapā, piemēram, autora vārdu, dokumenta nosaukumu, lappušu numurus, logotipu un daudz ko citu. JavaScript bibliotēka PDFMake ir nodrošinājusi pilnīgu atbalstu galveņu un kājenes pievienošanai un modificēšanai PDF dokumentam. Tā atbalsta tādas funkcijas kā atkārtotas galvenes/kājenes pievienošana, attēlu ievietošana galvenē/kājenē, lappušu numuru pievienošana un daudz kas cits.

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

Attēlu ievietošana PDF failos

Atvērtā koda JavaScript bibliotēka PDFMake ir nodrošinājusi pilnīgu atbalstu attēlu pievienošanai un modificēšanai PDF failos, izmantojot JavaScript komandas. Bibliotēka ir nodrošinājusi funkcijas attēla platuma un augstuma iestatīšanai, attēla ievietošanai taisnstūrī, attēla izsaukšanai, izmantojot vietrāžus URL, attēla proporcionālai mērogošanai un attēla izstiepšanai. Ja vēlaties izmantot vienu un to pašu attēlu vairākos mezglos, tas jāievieto attēlu vārdnīcā un vienkārši jānosauc pēc nosaukuma.

 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',
   }
  }
 }
};

Lapas orientācija un rezerves atbalsts

Bezmaksas JavaScript bibliotēkā PDFMake ir iekļauts atbalsts lapas izmēra, lappuses orientācijas, kā arī lapas piemaļu iestatīšanai JavaScript lietotnēs. Lai iestatītu lapas izmēru, jānorāda jaunās lapas platums un augstums. Pēc noklusējuma bibliotēka izmanto portreta lapas orientāciju, taču to var viegli iestatīt ainavas režīmā, izmantojot vienas līnijas kodu. Tas arī nodrošina atbalstu lappušu piemaļu iestatīšanai un ļauj lietotājiem dinamiski kontrolēt lappušu pārtraukumus. Tas atbalsta kreiso, augšējo, labo, apakšējo, kā arī horizontālās un vertikālās piemales.

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

Ievietojiet tabulas PDF failā, izmantojot JavaScript

Atvērtā koda bibliotēka PDFMake ļauj datorprogrammētājiem ievietot un atjaunināt tabulas PDF failos. Bibliotēka atbalsta dažādas papildu funkcijas tabulas rindu kolonnu un šūnu apstrādei. Tajā ir iekļauts atbalsts tabulu līdzināšanai, tabulu apmaļu stilam, platuma noteikšanai procentos, tabulu pagriešanai, tabulas galvenes rindas noteikšanai jaunā lapā un daudz ko citu.

 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