Возможно ли в либе pdf-lib на js заюзать русские шрифты?

Question

[DENIS Kokorev]

Задача, в готовом пдф, вычилить страницу последнюю, в ней по координатам написать 4 строчки текста в рамке, и рядом влепить картинку png или jpg. Штамп ECP в общем.

Подключил в angular2 PDF-LIB. Все прекрасно, но при попытке написать что-либо на русском падает. Кто нибудь сталкивался? Возможно ли подружить библу с русским языком и как?

Может аналог кто знает подобной библиотеки, работающий с русскими символами.

Comments

[Сергей Соколов]

обязательно ли редактировать именно существующие PDFы?
Может, проще окажется генерить их заново из HTML и сохранять в PDF — тут не должно возникнуть проблем с кодировкой.

[DENIS Kokorev]

Сергей Соколов, Да, существующий. Даже не редактировать а просто поверх контента налепить штамп. Хотя Вы навели меня на мысль. Можно другой библой генерить картинку PNG в виде штампа прозрачного, и уже его лепить этой библой на пдф. Это добавит конечно еще кодинга, так как остальное все готово и работает. Кроме русского. Надо обмозговать. Спасибо.

Answer 1

[SeLive]

По умолчанию PDF-LIB использует шрифты с кодировкой ANSI. Достаточно загрузить в библиотеку сторонний шрифт, например Microsoft Sans Serif, через метод embedFont() и указывать нужный шрифт при написании текста.

// Загружаем PDF
		const url = 'https://pdf-lib.js.org/assets/with_update_sections.pdf'
		const existingPdfBytes = await fetch(url).then(res => res.arrayBuffer())
		// Загружаем шрифт с поддержкой русского языка, в данном случае это Microsoft Sans Serif
		const url2 = 'https://db.onlinewebfonts.com/t/643e59524d730ce6c6f2384eebf945f8.ttf'
		const fontBytes = await fetch(url2).then(res => res.arrayBuffer())

		const pdfDoc = await PDFDocument.load(existingPdfBytes)

		// Устанавливаем шрифт
		let customFont;
		if (fontBytes) {
			pdfDoc.registerFontkit(fontkit);
			await pdfDoc.embedFont(fontBytes);
			customFont = await pdfDoc.embedFont(fontBytes);
		}

		const pages = pdfDoc.getPages()
		const firstPage = pages[0]

		const { width, height } = firstPage.getSize()

		firstPage.drawText('Привет мир!', {
			x: 5,
			y: height / 2 + 300,
			size: 50,
			font: customFont, // Указываем наш кастомный шрифт
			color: rgb(0.95, 0.1, 0.1),
			rotate: degrees(-45),
		})

Важно подключить в проекте pdf-lib/fontkit, что бы зарегистрировать шрифт в библиотеке через registerFontkit().

Comments

[DENIS Kokorev]

Отлично. Спасибо.