给 AI 生成的漫画图，在后期稳定、清晰地加上中文文案和漫画气泡，批量产出公众号成品图。 不依赖 AI 渲染中文，所有文字由本工具用系统/自定义字体绘制，清晰可控。
- 纯本地、离线、零安装：双击即用，无需联网、无需安装任何环境，图片不上传任何服务器。
- 零第三方依赖：纯 HTML + 原生 JS + Canvas，连 ZIP 打包都是内置实现。
直接双击 index.html 用浏览器打开即可（macOS 可右键 →「打开方式」→ Chrome）。完全离线，无需本地服务器。
建议使用 Chrome / Edge，对中文字体和 Canvas 支持最好。
- 导入图片：点顶部「导入图片」，或把多张图直接拖到画布区。支持一次选多张。
- 选画布比例：顶部「画布」选
4:5 / 3:4 / 1:1…或「自定义宽高」。原图默认完整保留不裁剪，多余区域用「补边色」填充。 - 加文案/气泡：画布上方一排按钮 —— 内心OS / 对白 / 旁白 / 标题 / 纯文字，点一下就在当前图加一层。
- 调样式：右侧面板改文字、字体、字号、行距、字间距、颜色、对齐、描边；改气泡填充色、描边、透明度、圆角、内边距、尾巴方向。
- 摆位置：直接在画布上拖动移动，拖四角等比缩放，拖左右边改宽度；或用「位置预设」一键摆放（顶部标题 / 居中内心OS / 底部旁白 / 左侧对白 / 右侧对白）。
- 批量套用：把一张图调好后 →「应用到全部」，把样式和位置套到所有图（勾选「保留各图文案」则不覆盖各图已有文字）。
- 批量粘贴文案：点「批量粘贴文案」，把多段文案粘进去，按「空行 / 每行 / 分隔符」分段，依次分配给第 1、2、3… 张图。
- 逐张微调：左侧缩略图切换每张图，单独改文字、换气泡、挪位置。
- 导出：「导出当前」存单张；「批量导出」把所有成品打包成一个 ZIP。可选 PNG（清晰）或 JPG（体积小）。
| 需求 | 实现 |
|---|---|
| 批量导入 | 多选导入 + 拖拽导入 |
| 画布比例 / 导出尺寸 | 4:5、3:4、1:1、9:16、16:9、3:2、自定义宽高 |
| 完整保留原图 + 补边 | 默认等比适应居中，多余区域填充「补边色」 |
| 多层中文文案 | 每张图任意多层，独立管理（图层列表可显隐/排序/删除） |
| 每层独立样式 | 文字、位置、字号、颜色、字体、行距、字间距、对齐、描边 |
| 拖拽 / 缩放 | 画布上拖动、四角等比缩放、左右边改宽；方向键微调（Shift=10px） |
| 位置预设 | 顶部标题 / 居中内心OS / 底部旁白 / 左侧对白 / 右侧对白 |
| 批量粘贴分配 | 空行 / 每行 / 自定义分隔符分段，按顺序分配到各图 |
| 模板不覆盖文案 | 「保留各图文案」开关，批量套样式时保留每张已分配的文字 |
| 样式+位置套用全部 | 「应用到全部」一键同步当前图的样式与位置 |
| 5 种气泡 | 内心OS云朵 / 对白 / 旁白底板 / 标题框 / 纯文字 |
| 内心OS 多填充色 | 白 / 米白 / 淡粉 / 淡黄 / 淡蓝 / 淡绿 / 浅灰 / 半透明白 |
| 气泡可调 | 填充色、描边色、描边粗细、透明度、圆角、内边距、尾巴方向 |
| 字体 | 微软雅黑/黑体/宋体/楷体/仿宋/幼圆/等线 + 上传自定义字体（ttf/otf/woff） |
| 单张导出 | PNG / JPG |
| 批量导出 | 打包为 ZIP |
额外：撤销/重做（Ctrl+Z / Ctrl+Y）、删除层（Delete）、复制层（Ctrl+D）、保存/打开项目（.ccproj.json，含图片可续编）。
- 文字清晰度：纯文字层默认带黑色描边，放在复杂画面上也清楚；标题层描边更粗。
- 字体不显示：自定义字体上传后会自动应用到当前选中层；系统字体需本机已安装。
- 保存进度：「保存项目」会把图片和所有文案打包成一个 json，下次「打开项目」继续编辑（自定义字体需重新上传）。
- 导出尺寸 = 画布尺寸：例如 4:5 默认导出 1080×1350，可在「自定义宽高」改更大尺寸。
index.html 入口页面
src/
util.js 工具（文件/图片/颜色/CRC32/ZIP 打包）
state.js 状态、各类预设（画布/气泡/字体/位置/颜色）
fonts.js 字体加载（系统 + 自定义）
render.js 渲染核心（中文排版 + 气泡绘制 + 整页合成）
editor.js 画布交互（拖拽/缩放/选中手柄）
export.js 导出（单张 + 批量 ZIP）
history.js 撤销/重做
ui.js 界面与全部操作逻辑
main.js 入口初始化
test/ 冒烟测试与可视化测试（开发用）
测试：test/smoke.html（逻辑断言）、test/visual.html（可视化）、node test/run-export.mjs（导出确证，需本机 Chrome）。