手环表盘背景图生成器

为小米手环 9 Pro 定制出行信息 / 待办清单表盘背景图。纯 HTML 单页应用，浏览器本地运行，无需上传数据。

使用场景

• 行程模式：购票后 12306 会发送出行提醒邮件，将整段行程详情（车次、发车时间、检票口、座位号）复制粘贴进来，生成表盘背景图
• 清单模式：购物清单、待办事项等，每行写一项

抬腕即可查看，不用再掏手机翻邮件。

特性

• 默认 336×480 分辨率，适配小米手环 9 Pro，支持自定义尺寸
• 黑底白字 / 白底黑字两种主题
• 智能排版：有逗号的文本按语义分段拼行，无规律文本分词防截断数字/时间
• 多条目清单自动切换双栏布局，先填满第一列再溢出到第二列，超宽行独立缩字
• 字号自动适配内容量，充分利用窄高屏幕空间
• 实时预览 + 模拟手环表框
• 导出 PNG / JPG
• 零依赖，纯前端，所有计算在浏览器本地完成

使用方法

1. 浏览器打开 index.html
2. 粘贴文本（12306 行程邮件或待办清单均可）
3. 右侧实时预览效果
4. 点击「导出图片」
5. 传到手机，在小米运动健康 App → 表盘管理 → 自定义照片表盘中设置

推荐搭配 相册表盘5（小米官方制作） 使用。

文件结构

index.html     — 主页面
style.css      — 样式
script.js      — 排版 & 导出逻辑
product_show.jpg — 实物展示图