图片转PDF在线工具

一个简单、快速、安全的在线图片转PDF转换工具，支持多种图片格式，提供现代化的用户界面。

🌟 功能特点

• 多格式支持: 支持 JPG、PNG、GIF、BMP 等常见图片格式
• 批量转换: 一次可选择多张图片（最多20张）
• 拖拽上传: 支持拖拽文件到页面进行上传
• 实时预览: 上传后可预览所有选中的图片
• 响应式设计: 完美适配桌面和移动设备
• 纯前端实现: 无需服务器，保护用户隐私
• 现代化UI: 美观的渐变设计和流畅的动画效果

🚀 使用方法

1. 选择图片

   • 点击"选择图片"按钮选择文件
   • 或直接拖拽图片文件到上传区域

2. 预览和管理

   • 查看已选择的图片预览
   • 可以删除不需要的图片
   • 支持重新排序（按选择顺序）

3. 转换下载

   • 点击"转换为PDF"开始处理
   • 等待转换完成
   • 点击"下载PDF"保存文件

💻 技术实现

前端技术

• HTML5: 语义化结构和文件API
• CSS3: 现代化样式、渐变背景、响应式布局
• JavaScript: 原生JS实现所有交互功能
• jsPDF: 用于PDF生成的JavaScript库

核心功能

• 文件处理: 使用FileReader API读取图片文件
• 拖拽支持: HTML5 Drag and Drop API
• 图片预览: Canvas和Image对象处理
• PDF生成: jsPDF库进行客户端PDF创建
• 进度显示: 实时显示转换进度

📁 项目结构

pdf/
├── index.html          # 主页面文件
├── style.css           # 样式文件
├── script.js           # JavaScript逻辑
└── README.md           # 项目说明

🎨 设计特色

• 渐变背景: 紫色到蓝色的现代渐变
• 卡片设计: 圆角白色卡片承载主要内容
• 交互反馈: 悬停效果和点击动画
• 状态管理: 清晰的上传、预览、转换、完成状态
• 响应式布局: 移动端友好的自适应设计

🔧 本地运行

1. 下载所有文件到本地目录
2. 使用现代浏览器打开 index.html
3. 开始使用图片转PDF功能

注意: 由于使用了外部CDN资源（jsPDF），需要网络连接才能正常使用PDF转换功能。

📱 浏览器兼容性

• Chrome 60+
• Firefox 55+
• Safari 12+
• Edge 79+

🔒 隐私安全

• 纯前端处理: 所有图片处理都在浏览器本地完成
• 无数据上传: 图片文件不会上传到任何服务器
• 即时处理: 转换完成后文件数据不会保留

📝 更新日志

v1.0.0 (2025-06-23)

• 初始版本发布
• 支持多种图片格式转PDF
• 实现拖拽上传功能
• 添加实时预览和进度显示
• 响应式设计适配移动端

🤝 贡献

欢迎提交Issue和Pull Request来改进这个项目！

📄 许可证

MIT License - 详见LICENSE文件

---

享受简单快捷的图片转PDF体验！ 📄✨