小程序开发
2026-02-02 17:22
* **定位：** 朋友圈/社交媒体截图定制平台。
* **核心逻辑：** 识别用户截图 -> 结构化提取内容 -> Canvas 矢量级重绘 -> 2D 真实模拟（效果预览）->输出 300 DPI 生产文件。
* **交付标准：** 最终打印实物需具备极高清晰度，文字无锯齿，排版具备画册感（平面设计师会提供参数）。
---
## 2. 核心功能模块 (开发重点)
### A. OCR 识别与结构化提取
* **场景适配：** 首期仅适配“微信朋友圈详情页”。
* **提取字段：** 头像、昵称、正文内容、配图（多张）、地理位置、发布时间、点赞数、评论内容。
* **数据处理：**OCR 需识别点赞总数n。系统需具备统计点赞总数的功能。当识别到的点赞头像超过 5 个时，后端需计算总人数n，并提取前 5 个头像
* **编辑功能：** 用户可对识别出的文字进行二次修改或删除。
### B. Canvas 高清重绘引擎 (核心资产)
* **矢量渲染：** 文字（WebFont）、UI 图标（SVG）、边框、背景必须通过 Canvas 原生绘制，严禁直接拉伸原图位图。
* **重绘精度：** 导出文件必须固定为 **300 DPI**，支持常规相纸尺寸及以上（最大支持 25cm x 25cm）。
* **排版逻辑：** 严格遵循平面设计师提供的参数规范（字间距、行高、留白比例）。
* **点赞区重绘逻辑： **若点赞人数小于或等于5，按原样排列头像。若点赞人数大于5，Canvas 仅绘制前 5 个头像，并在头像后方自动生成文本内容：等n人觉得很赞（n为 OCR 识别出的实际总点赞数）。视觉要求： 文本的字体、颜色、与头像的间距需遵循平面设计师给出的规范。”
* **低清图处理：** * 针对截图中的配图，应用双三次插值（Bicubic）算法进行采样优化。
* **支持用户手动上传高清原图替换截图中的模糊配图。
### C. UI/交互与预览
* **2D 真实模拟：** 高清实物样机（Mockup）作为背景，将重绘后的效果图贴合在样机中展示。
* **实时反馈：** 文字修改后，预览图需实时更新排版效果。
---
## 3. 电商与后台流程 (极致精简)
* **SKU 管理：** 仅支持 1-2 种固定尺寸及相框材质选择。
* **支付环节：** 接入微信原生支付，调用微信默认收货地址（用户可手动输入/修改地址）。
* **评价系统：** 图文评价。后台具有“精选/置顶”功能。
* **后台管理：**
1. 订单列表查看及状态流转（待付款、待制作、已发货）。
2. **核心需求：一键导出 300 DPI 的生产文件（PDF 或 TIFF 格式）。**
3.[物流模块精简方案]：
后台功能： 仅需提供一个“填写快递公司及单号”的表单，支持点击“确认发货”。
前端展示： 订单详情页显示快递单号，并支持一键复制。
通知触发： 接入微信订阅消息（发货提醒），确保用户在发货后能收到微信官方推送。 （注意：无需开发实时地图轨迹或对接第三方接口，以降低开发成本。）
---
## 4. 技术验收红线 (重点条款)
1. **清晰度：** 导出文件放大 400% 观察，文字边缘必须绝对锐利，不得有任何模糊或锯齿。
2. **版权安全：** UI 元素（点赞、评论图标）必须使用我方提供的原创 SVG 矢量文件，不得侵权。
3. **兼容性：** 适配主流 iOS 及安卓手机的屏幕显示，确保排版预览无位移。
* **核心逻辑：** 识别用户截图 -> 结构化提取内容 -> Canvas 矢量级重绘 -> 2D 真实模拟（效果预览）->输出 300 DPI 生产文件。
* **交付标准：** 最终打印实物需具备极高清晰度，文字无锯齿，排版具备画册感（平面设计师会提供参数）。
---
## 2. 核心功能模块 (开发重点)
### A. OCR 识别与结构化提取
* **场景适配：** 首期仅适配“微信朋友圈详情页”。
* **提取字段：** 头像、昵称、正文内容、配图（多张）、地理位置、发布时间、点赞数、评论内容。
* **数据处理：**OCR 需识别点赞总数n。系统需具备统计点赞总数的功能。当识别到的点赞头像超过 5 个时，后端需计算总人数n，并提取前 5 个头像
* **编辑功能：** 用户可对识别出的文字进行二次修改或删除。
### B. Canvas 高清重绘引擎 (核心资产)
* **矢量渲染：** 文字（WebFont）、UI 图标（SVG）、边框、背景必须通过 Canvas 原生绘制，严禁直接拉伸原图位图。
* **重绘精度：** 导出文件必须固定为 **300 DPI**，支持常规相纸尺寸及以上（最大支持 25cm x 25cm）。
* **排版逻辑：** 严格遵循平面设计师提供的参数规范（字间距、行高、留白比例）。
* **点赞区重绘逻辑： **若点赞人数小于或等于5，按原样排列头像。若点赞人数大于5，Canvas 仅绘制前 5 个头像，并在头像后方自动生成文本内容：等n人觉得很赞（n为 OCR 识别出的实际总点赞数）。视觉要求： 文本的字体、颜色、与头像的间距需遵循平面设计师给出的规范。”
* **低清图处理：** * 针对截图中的配图，应用双三次插值（Bicubic）算法进行采样优化。
* **支持用户手动上传高清原图替换截图中的模糊配图。
### C. UI/交互与预览
* **2D 真实模拟：** 高清实物样机（Mockup）作为背景，将重绘后的效果图贴合在样机中展示。
* **实时反馈：** 文字修改后，预览图需实时更新排版效果。
---
## 3. 电商与后台流程 (极致精简)
* **SKU 管理：** 仅支持 1-2 种固定尺寸及相框材质选择。
* **支付环节：** 接入微信原生支付，调用微信默认收货地址（用户可手动输入/修改地址）。
* **评价系统：** 图文评价。后台具有“精选/置顶”功能。
* **后台管理：**
1. 订单列表查看及状态流转（待付款、待制作、已发货）。
2. **核心需求：一键导出 300 DPI 的生产文件（PDF 或 TIFF 格式）。**
3.[物流模块精简方案]：
后台功能： 仅需提供一个“填写快递公司及单号”的表单，支持点击“确认发货”。
前端展示： 订单详情页显示快递单号，并支持一键复制。
通知触发： 接入微信订阅消息（发货提醒），确保用户在发货后能收到微信官方推送。 （注意：无需开发实时地图轨迹或对接第三方接口，以降低开发成本。）
---
## 4. 技术验收红线 (重点条款)
1. **清晰度：** 导出文件放大 400% 观察，文字边缘必须绝对锐利，不得有任何模糊或锯齿。
2. **版权安全：** UI 元素（点赞、评论图标）必须使用我方提供的原创 SVG 矢量文件，不得侵权。
3. **兼容性：** 适配主流 iOS 及安卓手机的屏幕显示，确保排版预览无位移。
已有18人报名*************
*************
评论