Mermaid转ASCII艺术 (mermaid-ascii)

# 工具：Mermaid 转 ASCII 艺术 (mermaid-ascii) 来源：https://simonwillison.net/2026/Jul/16/mermaid-ascii/ 工具 (https://simonwillison.net/elsewhere/tool/) Mermaid 转 ASCII 艺术 \(mermaid\-ascii\) (https://tools.simonwillison.net/mermaid-ascii)— 将 Mermaid 图表语法转换为 ASCII 和 Unicode 框线艺术，完全在浏览器中渲染，使用一个编译为 WebAssembly 的 Go 库。该工具支持带有标签边、子图和颜色定义的流程图，以及带有注释和控制流片段的序列图，并提供可自定义的内边距和输出选项。 在基于 Grok Build 的 Rust 代码 (https://simonwillison.net/2026/Jul/16/grok-mermaid/) 构建了 Mermaid 转 ASCII 工具后，我发现有一个更老且功能更全的 Go 库，名为 AlexanderGrooff/mermaid-ascii (https://github.com/AlexanderGrooff/mermaid-ascii)，它实现了类似的模式，于是我让 Claude Fable 5 也将其编译为 WebAssembly，以便比较两者。 这个版本支持颜色！ Mermaid 图表编辑器网页应用截图。一行标签按钮显示：Flowchart（流程图）、Multiple links（多重链接）、Subgraphs（子图）、Multi-line labels（多行标签）、Colors（颜色，已选中，蓝色高亮）、Sequence（序列图）、Alt fragment（替代片段）、Loop + note（循环+注释）、Parallel（并行）。下方是一个文本输入区域，包含：“graph LR / Build:::good --> Test:::good / Test --> Deploy:::warn / Deploy --> Rollback:::bad / classDef good color:#3fb950 / classDef warn color:#e3b341 / classDef bad color:#ff7b72”。控制行显示一个未选中的“ASCII only”复选框，“Padding X: 5”（内边距 X: 5），“Padding Y: 5”（内边距 Y: 5），“Box padding: 1”（盒子内边距: 1），以及按钮“Copy as text”（复制为文本）和“Copy link to this diagram”（复制此图表的链接）。底部黑色背景上渲染了从左到右的流程图，包含四个相连的盒子：“Build”（绿色文本），“Test”（绿色文本），“Deploy”（黄色文本），“Rollback”（红色文本），每个都用箭头连接。