fix(h5): show captured face behind report scan animation
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
# 报告等待页实拍背景
|
||||
|
||||
原扫描页直接展示 PSD 的白色人脸占位。改为在原 PSD 人脸蒙版内叠加本次正脸照片,扫描线置于照片上方;原素材不重绘,框、检测中文字、装饰图标与取消入口不变。
|
||||
|
||||
- 首张合格正脸就预解码,三张拍完使用同一张正脸,不使用最后一张侧脸或其他报告照片。
|
||||
- 与拍摄预览一样居中、等比 `cover` 铺满,不拉伸照片。前置实时拍摄保留当时的预览镜像;后置/相册/系统相机文件不额外镜像。镜像只作用于 CSS,不改变送检 JPEG。
|
||||
- 已有“一次完整扫描才进成功报告”保持不变;照片延迟解码时重启扫描,错误/取消不等待动画。
|
||||
- 成功、失败、取消、页面隐藏或重新拍摄时清理等待页图片引用,不残留上一轮人脸。照片不新增缓存/上传/持久化。
|
||||
- 素材或蒙版加载失败时降级为实拍背景、检测中文字和取消入口;照片解码失败使用深色背景,不露出白色占位。
|
||||
- 不修改拍摄约束、评分、肌龄、推荐规则或报告保存逻辑。
|
||||
|
||||
验证命令(本地服务需运行于 8080):
|
||||
|
||||
```bash
|
||||
node h5/test/scan-photo.mjs
|
||||
node h5/test/capture-quality-browser.mjs
|
||||
node h5/test/customer-feedback-third.mjs
|
||||
node h5/test/customer-feedback-fourth.mjs
|
||||
```
|
||||
|
||||
测试只使用模拟账号、拦截分析响应,不创建线上记录、不调用付费检测。覆盖本次正脸照片、前置镜像与文件不镜像、六种视口、扫描完整循环、成功/失败/取消清理、迟到响应及素材失败降级。
|
||||
Reference in New Issue
Block a user