UNPKG

@pardnchiu/pdf2image

Version:

pdf2image is a lightweight JavaScript library to convert PDF pages into images (PNG, JPG, WebP) with real-time progress tracking and optional ZIP compression.

84 lines (61 loc) 2.93 kB
# pdf2image ![tag](https://img.shields.io/badge/tag-JavaScript%20Library-bb4444) ![size](https://img.shields.io/github/size/pardnchiu/pdf2image/dist%2Fpdf2image.js)<br> [![npm](https://img.shields.io/npm/v/@pardnchiu/pdf2image)](https://www.npmjs.com/package/@pardnchiu/pdf2image) [![download](https://img.shields.io/npm/dm/@pardnchiu/pdf2image)](https://www.npmjs.com/package/@pardnchiu/pdf2image) [![jsdeliver](https://img.shields.io/jsdelivr/npm/hm/@pardnchiu/pdf2image)](https://www.jsdelivr.com/package/npm/@pardnchiu/pdf2image)<br> [![](https://img.shields.io/badge/read-English%20Version-ffffff)](https://github.com/pardnchiu/pdf2image/blob/main/README.en.md) ## 核心特色 ### PDF 轉圖片 - 完美整合 [pdf.js](https://github.com/mozilla/pdf.js),快速解析 PDF 並轉換為圖片。 - 支援多種圖片格式:`jpg``png``webp`,靈活應用。 ### 壓縮下載 - 搭配 [jszip.js](https://github.com/Stuk/jszip),將生成的圖片打包為 ZIP 檔案,一鍵下載。 - 自動命名檔案和壓縮包,方便管理多頁內容。 ### 高效與穩定 - 異步處理設計,確保流暢的用戶體驗。 - 全面錯誤處理,提供詳細錯誤訊息,便於排查。 ## 安裝方式 ### 從 npm 安裝 ```bash npm i @pardnchiu/pdf2image ``` ### 從 CDN 引入 #### UMD 版本 ```html <script src="https://cdn.jsdelivr.net/npm/@pardnchiu/pdf2image@[VERSION]/dist/pdf2image.js"></script> ``` #### ES Module 版本 ```javascript import { pdf2image } from "https://cdn.jsdelivr.net/npm/@pardnchiu/pdf2image@[VERSION]/dist/pdf2image.esm.js"; ``` ## 使用方法 ### 初始化 `pdf2image` ```Javascript const converter = new pdf2image({ filename: "image-yyyy-MM-DD_hh:mm", // 指定輸出檔名,支持日期格式模板 [yyyy|MM|DD|hh|mm] file: [file], // 輸入 PDF 檔案,來自 file input 或其他來源 scale: 1.5, // 縮放比例,預設值為 1.5 type: "png" // 輸出圖片格式 [jpg|png|webp] }); // 開始轉換 PDF 為圖片 converter.convert().then(images => { console.log("轉換成功的圖片:", images); }); // 下載壓縮檔 converter.download().then(() => { console.log("圖片已打包並下載完成!"); }); ``` ## 授權條款 此源代碼項目採用 [MIT](https://github.com/pardnchiu/pdf2image/blob/main/LICENSE) 許可證授權。 ## 開發者 <img src="https://avatars.githubusercontent.com/u/25631760" align="left" width="96" height="96" style="margin-right: 0.5rem;"> <h4 style="padding-top: 0">邱敬幃 Pardn Chiu</h4> <a href="mailto:dev@pardn.io" target="_blank"> <img src="https://pardn.io/image/email.svg" width="48" height="48"> </a> <a href="https://linkedin.com/in/pardnchiu" target="_blank"> <img src="https://pardn.io/image/linkedin.svg" width="48" height="48"> </a> *** ©️ 2024 [邱敬幃 Pardn Chiu](https://pardn.io)