信件生成器

一个简单易用的网页版信件生成器，能够将用户提供的姓名列表与固定模板结合，生成包含背景图片和定制化文字的信件图片，并支持单张或批量下载。

功能特性

核心功能

• 背景图片选择：提供4个默认模板选项，并支持用户自主上传图片
• 姓名列表管理：支持粘贴大量姓名（每行一个），最多支持约300个姓名
• 信件内容自定义：支持编辑信件正文，使用"XX"作为姓名占位符
• 老师署名选择：提供默认选项，并支持自定义老师姓名
• 实时预览：即时查看生成的信件效果
• 批量生成与下载：为每个姓名生成单独的信件，并支持打包下载

样式控制

• 字体选择：包含手写体、宋体、楷体、黑体等多种字体
• 字体样式：支持加粗显示
• 字号调整：可在12px到72px之间调节
• 颜色设置：自定义字体颜色和文字高亮背景色
• 边距控制：精确调整文字在图片上的位置（上下左右边距）

技术栈

• HTML5
• CSS3 (Tailwind CSS v3)
• JavaScript
• 第三方库：
  • html2canvas - 用于将HTML元素转换为图片
  • JSZip - 用于创建压缩文件
  • FileSaver.js - 用于文件下载
  • Font Awesome - 提供图标支持

使用方法

1. 打开 index.html 文件即可开始使用

2. 选择背景：从提供的4个模板中选择一个，或上传自定义背景图片

3. 输入姓名：在姓名列表文本框中输入或粘贴多个姓名（每行一个）

4. 编辑信件内容：修改信件正文，确保使用"XX"作为姓名占位符

5. 选择老师署名：从下拉框中选择或输入自定义老师姓名

6. 调整样式：根据需要调整字体、字号、颜色和边距等样式设置

7. 生成信件：

   • 点击"下载当前信件"按钮下载预览中的信件
   • 点击"生成所有信件"按钮为列表中的每个姓名生成一封信
   • 生成完成后，点击"打包下载全部"按钮下载所有信件的压缩包

注意事项

• 为了获得最佳效果，建议使用现代浏览器（Chrome、Firefox、Edge等）
• 批量生成大量信件时可能需要一定时间，请耐心等待
• 自定义背景图片建议使用高清晰度图片，以确保生成的信件质量
• 如需调整信件格式（如称呼、正文、署名的对齐方式），可在源码中修改相关逻辑

开发说明

• 该项目使用Tailwind CSS进行样式管理，如需自定义样式可修改HTML头部的Tailwind配置
• 所有JavaScript逻辑都位于HTML文件底部，便于维护和扩展
• 默认模板图片存储在项目根目录下（template1.svg至template4.svg）

License

MIT