Cruthú Comhaid PDF trí API Saor JavaScript

Tús a chur le PDFMake

Tá PDFMake ar fáil ag npm, Is féidir leat é a íoslódáil go héasca agus é a shuiteáil ar do ríomhaire. Bain úsáid as an ordú seo a leanas le haghaidh suiteáil rianúil.

bower install pdfmake

Gin Comhaid PDF ag baint úsáide as Leabharlann JavaScript

Déanann leabharlann foinse oscailte JavaScript PDFMake éascaíocht do ríomhchláraitheoirí bogearraí doiciméid PDF a ghiniúint laistigh dá bhfeidhmchláir féin ag úsáid cód JavaScript. Tá sraith iomlán gnéithe tugtha ag an leabharlann chun oibriú le comhaid PDF, mar shampla cineálacha cló a roghnú le méid, dath agus formáidiú, leathanach nua a chur leis, colúin a chur isteach, stíleanna a chur leis agus a chur i bhfeidhm, táblaí a chur isteach, leathanaigh nach dteastaíonn a scriosadh, agus go leor níos mó.

Cuir Ceanntásca & Buntásca le Comhad PDF

Is codanna an-úsáideacha de dhoiciméid PDF iad ceanntásca agus buntásca agus is féidir iad a úsáid chun an chuid sin den ábhar a theastaíonn ó úsáideoirí a chur san áireamh ar gach leathanach de dhoiciméad mar ainm údair, teideal doiciméid, uimhreacha leathanaigh, lógó, agus go leor eile. Tá tacaíocht iomlán tugtha ag leabharlann JavaScript PDFMake chun ceanntásca agus buntásc a chur le doiciméad PDF agus iad a mhodhnú. Tacaíonn sé le gnéithe mar cheanntásc/buntásc athchleachtach a chur leis, íomhánna a chur isteach i gceanntásc/buntásc, uimhreacha na leathanach a chur leis, agus go leor eile.

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

Íomhánna a chur isteach i comhaid pdf

Tá tacaíocht iomlán tugtha ag leabharlann foinse oscailte JavaScript PDFMake chun íomhánna taobh istigh de chomhaid PDF a chur leis agus a mhodhnú ag baint úsáide as orduithe JavaScript. Tá gnéithe curtha ar fáil ag an leabharlann chun leithead agus airde íomhá a shocrú, íomhá a fheistiú taobh istigh de dhronuilleog, íomhá a ghlaoch trí URLanna, an íomhá a scálaiú go comhréireach, agus síneadh íomhá. Más mian leat an íomhá chéanna a úsáid i nóid iolracha, ní mór duit é a chur san fhoclóir íomhá agus díreach glaoch air faoina ainm.

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

Treoshuíomh Leathanaigh agus Tacaíocht Imeall

Áiríodh sa leabharlann JavaScript saor in aisce PDFMake tacaíocht chun méid an leathanaigh a shocrú, treoshuíomh leathanaigh chomh maith le corrlaigh leathanaigh laistigh d'aipeanna JavaScript. Chun méid an leathanaigh a shocrú ní mór duit leithead agus airde an leathanaigh nua a sholáthar. De réir réamhshocraithe, úsáideann an leabharlann treoshuíomh leathanaigh portráide ach is féidir léi a shocrú go tírdhreach go héasca le cód aon-líneála. Soláthraíonn sé tacaíocht freisin chun corrlaigh leathanaigh a shocrú agus ligeann sé d'úsáideoirí sosanna leathanach a rialú go dinimiciúil. Tacaíonn sé le himill chlé, barr, ceart, bun chomh maith le corrlaigh chothrománacha agus ingearacha.

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

Ionsáigh Táblaí go PDF trí javascript

Cuireann an leabharlann foinse oscailte PDFMake ar chumas ríomhchláraitheoirí ríomhairí táblaí a chur isteach agus a nuashonrú laistigh de chomhaid PDF. Tacaíonn an leabharlann le hardghnéithe éagsúla chun colúin agus cealla sraitheanna tábla a láimhseáil. Áiríodh leis tacaíocht d’ailíniú tábla, teorainneacha tábla stíle, sainiú na leithid sa chéatadán, táblaí uainíochta, sainigh an tsraith Ceanntásc Tábla ar leathanach nua agus go leor eile.

 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