JavaScript全棧開發中常用到PDF文件的處理，一些操作如生成PDF、轉換PDF文檔、提取文本或圖形等操作可以借助一些現成的JavaScript庫在前端完成。這些庫中最為常用的是pdfmake.js和pdf.js。

pdfmake.js

pdfmake.js是一款基于JavaScript的PDF生成工具，可以將JSON數據轉換成PDF格式的文件。它支持自定義字體、表格、圖片等基本元素，也支持更高級的復雜配置，如自定義表格樣式、列寬、頁頭頁尾等。以下是一個簡單的示例：

// 定義文檔結構
var docDefinition = {
content: [
{ text: 'Hello World!', fontSize: 20 }
]
};
// 生成PDF文件
pdfMake.createPdf(docDefinition).download('hello.pdf');

上面的代碼定義了一個文檔結構，包含一段文本內容和字體大小設置。生成PDF時，調用pdfMake.createPdf函數傳入定義好的文檔結構，再調用download方法將PDF文件下載到本地。

pdf.js

pdf.js是一款由Mozilla開發的用于解析和渲染PDF文件的JavaScript庫，它可以在瀏覽器中直接展示PDF文件。除此之外，pdf.js還支持文本提取、頁面縮放、搜索等常見操作。以下是一個簡單的展示PDF文件的示例：

// 獲取PDF文件
var url = '//cdn.mozilla.net/pdfjs/tracemonkey.pdf';
// 加載PDF文件
pdfjsLib.getDocument(url).promise.then(function(pdf) {
// 獲取第一頁
pdf.getPage(1).then(function(page) {
// 獲取canvas元素
var canvas = document.getElementById('pdf-canvas');
var context = canvas.getContext('2d');
// 渲染PDF
var viewport = page.getViewport({ scale: 1 });
canvas.height = viewport.height;
canvas.width = viewport.width;
page.render({ canvasContext: context, viewport: viewport });
});
});

上面的代碼先獲取PDF文件的地址，然后使用pdfjsLib.getDocument方法加載PDF文件。加載成功后，通過getPage方法獲取第一頁的內容并轉換為canvas元素進行渲染。

總結

JavaScript全棧開發中，PDF處理是一個常見的需求，pdfmake.js和pdf.js是兩種常用的JavaScript庫。pdfmake.js用于生成PDF文件，pdf.js用于解析和渲染PDF文件。無論是前端還是后端，都可以借助這兩個庫進行PDF的相關操作，方便快捷。