25 lines
1.1 KiB
Markdown
25 lines
1.1 KiB
Markdown
# Mermaid 默认下载 2 倍 PNG
|
||
|
||
## 用户需求
|
||
|
||
气泡已经支持 Mermaid，现有下载得到 SVG；改为下载图片，默认 2 倍率。
|
||
|
||
## 验收标准
|
||
|
||
- 点击现有 Mermaid 下载按钮，得到 MIME 为 image/png、扩展名为 .png 的图片。
|
||
- 输出宽高分别为图表固有宽高的 2 倍，保持纵横比与完整边界。
|
||
- 保留当前图形配色与中文、HTML 标签，不随页面缩放或设备像素比额外放大。
|
||
- 复用现有 SVG 转 PNG 能力；下载异步失败时保留可理解的错误提示并恢复按钮状态。
|
||
- 原有 Mermaid 渲染、源码切换与复制功能正常。
|
||
- 不新增依赖，不重启线上服务，不改动其他进行中任务的代码。
|
||
|
||
## 验证
|
||
|
||
进行 JavaScript 语法检查与真实浏览器点击下载；核验 PNG 文件头和输出尺寸，检查中文标签是否可见。
|
||
|
||
## 相关文件
|
||
|
||
- public/app.js 的 renderMermaidCodeBlock、serializeMermaidSvg、svgTextToPngBlob 和 ccDownloadMermaidDiagram。
|
||
- .trellis/spec/frontend/quality-guidelines.md。
|
||
- .planning/2026-10-10-mermaid-png-download/task_plan.md。
|