fix(title): 爆款预设缩略图色块/缺字回归bug #2059

Merged
auto-approve-bot merged 1 commits from fix/preset-thumbnails-20260927 into develop 2026-09-27 10:19:59 +08:00
Owner
No description provided.
xiaoxia added 1 commit 2026-09-27 10:15:32 +08:00
fix(title): 修复爆款预设缩略图色块/缺字回归bug
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 2s
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m26s
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m36s
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m40s
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m42s
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 2m4s
CI/CD Pipeline / Validate - Style (pull_request) Successful in 2m37s
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 3m9s
CI/CD Pipeline / Validate - Security (pull_request) Successful in 3m41s
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 1s
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 2m52s
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 28s
AI Code Review / AI Code Review (pull_request) Successful in 6m45s
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 6m3s
3beb65143b
根因(PR#2054字体重构引入):
1. Canvas fillStyle泄漏:bgEnabled预设画完背景矩形后未重置fillStyle为文字颜色,
   fillText用bgColor画字导致黑底/黄底/蓝底预设只显示色块。
2. 字体栈顺序:优设标题黑/抖音美好体把ZCOOL庆科黄油体/快乐体(Google Fonts仅400字重)
   排在Noto Sans SC(已加载400/500/700/900)之前,Canvas请求bold时无法合成粗体导致
   中文渲染异常(缺字/方框/乱码)。

修复:
- TitleMiniPreview:画完bg矩形后显式 ctx.fillStyle = settings.color;
  升级Web Font等待为async模式:await fonts.ready + fonts.load(),确保Canvas
  绘制时字体已加载到位。
- constants.ts:调整优设标题黑/抖音美好体family顺序,将Noto Sans SC(bold可用)
  前置到ZCOOL之前;ZCOOL保留作风格兜底。

验证:tsc/eslint/vitest 620 passed,Chrome headless截图10个预设全部正确渲染'标题'。
auto-approve-bot approved these changes 2026-09-27 10:17:08 +08:00
auto-approve-bot left a comment
Collaborator

CI全绿,自动审批通过。

CI全绿,自动审批通过。
auto-approve-bot approved these changes 2026-09-27 10:17:09 +08:00
auto-approve-bot left a comment
Collaborator

CI全绿,自动审批通过。

CI全绿,自动审批通过。

🚀 预览环境已部署

项目 详情
PR号 #2059
预览链接 https://pr-2059.preview.xiaoxiajianji.com
API环境 staging

💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后,预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #2059 | | 预览链接 | [https://pr-2059.preview.xiaoxiajianji.com](https://pr-2059.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后,预览环境会自动清理。
auto-approve-bot merged commit 447aad166b into develop 2026-09-27 10:19:59 +08:00
auto-approve-bot deleted branch fix/preset-thumbnails-20260927 2026-09-27 10:20:01 +08:00

🗑️ 预览环境已清理

PR #2059 已关闭或合并,对应的预览环境已被清理。

如有需要,可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #2059 已关闭或合并,对应的预览环境已被清理。 > 如有需要,可以重新打开 PR 来重新生成预览环境。
Sign in to join this conversation.