常見的庫中,jsPDF是一款流行的 JavaScript 庫,用于生成 PDF 文檔。它提供了許多內置方法,例如 addPage()、setFont()、setTextColor() 等等。下面是一個簡單示例:
var doc = new jsPDF(); doc.text(20, 20, 'Hello world!'); doc.save('Test.pdf');
這個例子中,我們首先創建了一個新的 jsPDF 對象。接下來,在 PDF 文檔中添加文本“Hello world!”。最后,我們使用 save() 方法將 PDF 文檔保存到本地磁盤中。這個例子中,PDF 文件保存在默認下載路徑中,通常是用戶的下載文件夾。然而,如果您需要設置文件名和保存路徑,可以使用其他方法。
除了 jsPDF,pdfmake也是一種流行的 JavaScript PDF 庫。它使用 JSON 數據來構建 PDF 文件。下面是一個簡單示例:
var docDefinition = { content: [ 'This is an example of using pdfmake to generate a PDF document.' ] }; pdfMake.createPdf(docDefinition).download('Test.pdf');
上面的代碼中,我們定義了一個包含一段文本的 docDefinition 對象。最后調用 createPdf() 方法以及 download() 方法來下載 PDF 文件到本地磁盤。
最后,我們來看看如何在 Web 中直接將 PDF 文件顯示在網頁上。在過去,我們通常使用 Adobe Reader 來顯示 PDF 文件。然而,受限于瀏覽器插件安全等問題,如今,大部分瀏覽器都不再支持 Adobe Reader 插件。相反,現在的解決方案是使用 HTML5專用的<embed>
或<object>
標簽,來實現直接在網頁中嵌入 PDF 文件。下面是一個簡單示例:
在這個例子中,我們使用<embed>
標簽來在頁面中嵌入名為 Test.pdf 的 PDF 文件。這個文件的寬度和高度分別為 500 和 400 像素。
總之,JavaScript(如 jsPDF、pdfmake)是一種強大的工具,可以輕松地在瀏覽器中生成、編輯和導出 PDF。這讓我們在 Web 應用程序、移動應用程序以及桌面應用程序中更方便地管理 PDF。對于那些需要導出 PDF 文件的網站或應用程序,這些 JavaScript 庫是值得一試的。