font2pic/miniprogram/README.md

miniprogram

miniprogram/ 是 font2svg 的微信小程序版本，面向移动端提供字体预览与导出能力。

已实现能力

• 文本输入 + 字体选择（搜索/分类/收藏）
• 远端 API 生成 SVG（服务端读取字体并渲染）
• SVG 预览
• 导出 SVG 并调用 wx.shareFileMessage 分享
• SVG 渲染到 Canvas 并导出 PNG，保存到系统相册

目录说明

miniprogram/
├── pages/
│   ├── index/                  # 首页：输入、预览、导出
│   └── font-picker/            # 字体选择页
├── utils/
│   ├── core/                   # 纯算法模块
│   └── mp/                     # 小程序 API 适配层
├── assets/fonts.json           # 字体清单（由脚本生成）
├── app.js / app.json / app.wxss
└── project.config.json

使用步骤

1. 在仓库根目录执行 pnpm run prepare-fonts，同步字体清单。
2. 打开微信开发者工具，导入 miniprogram/ 目录。
3. 在小程序后台配置合法域名（request + downloadFile）。
4. 部署并启动 apiserver/（详见 apiserver/README.md）。
5. Nginx 配置 /api/ 反向代理到渲染服务。
6. 编译运行。

字体清单格式（由服务端解析）

assets/fonts.json 每项字段：

• id: 字体唯一 ID
• name: 字体显示名
• category: 分类
• path: 字体地址（支持相对路径或完整 URL）

如果 path 是相对路径（例如 /fonts/a.ttf），服务端会根据静态根目录拼接到实际文件路径。

调试命令（仓库根目录）

pnpm run mp:syntax
pnpm run mp:lint
pnpm run mp:test