===========================================
原子动作 020 - 渲染 Mermaid 为 PNG
===========================================

【这个动作是干啥的】
把 Mermaid 代码变成一张 PNG 图片，就像把代码"打印"成图一样。

【输入是啥】
- Mermaid 代码（一段文本，描述流程图/架构图）

【输出是啥】
- PNG 图片文件（800x600，高质量）
- 保存在 diagrams 目录

【什么时候用】
- HTML 报告需要嵌入架构图时
- 需要单独分享架构图时
- Mermaid 代码需要可视化时

【注意事项】
- Canvas 工具必须可用（浏览器要启动）
- Mermaid 代码要正确（语法错误会渲染失败）
- 需要网络访问（加载 Mermaid CDN）
- 图片命名带时间戳（避免重复）

【对应阿福的 MD 文件】
atomic-actions/06-tool/ATOM-CANVAS-020-渲染 Mermaid 为 PNG.md

【举个例子】
你：把架构图代码变成图片
阿福：1. 创建临时 HTML 文件（包含 Mermaid 代码）
     2. 调用 Canvas 工具渲染
     3. 保存为 diagrams/diagram-20260307-100000.png
     4. 返回图片路径给你

===========================================
创建时间：2026-03-07 10:00
最后更新：2026-03-07 10:00
===========================================
