跳到主要內容
AI News HubLIVE
更多
站內改寫1 分鐘閱讀

Mermaid 轉 ASCII 藝術 (mermaid-ascii)

文章摘要

Simon Willison 利用一個更成熟的 Go 庫 AlexanderGrooff/mermaid-ascii,通過 WebAssembly 在瀏覽器中實現 Mermaid 圖表的 ASCII 和 Unicode 方框繪製渲染,並支持顏色、流程圖、序列圖等特性。

Mermaid 轉 ASCII 藝術 (mermaid-ascii)
報告錯誤

更正渠道尚未開通,可先複製下方文章資訊留存。

查看更正說明
直接讀正文

Simon Willison 發佈了一款名為「Mermaid 轉 ASCII 藝術」(mermaid-ascii) 的新型在線工具,該工具能夠將 Mermaid 圖表語法轉換為 ASCII 或 Unicode 方框繪製圖形,所有處理均在瀏覽器本地完成,無需服務器端參與。此前,Willison 曾基於 Grok Build 的 Rust 代碼構建過一個類似的 Mermaid 轉 ASCII 工具,但在隨後的探索中,他發現了一個更早且功能更全面的 Go 語言庫——AlexanderGrooff/mermaid-ascii。為了對比兩者的效果,他使用 Claude Fable 5 將這一 Go 庫編譯為 WebAssembly,從而在瀏覽器中實現了相同的功能。

新工具的一大亮點在於對顏色的全面支持。用户可以通過 classDef 語句為節點定義不同的顏色,例如使用綠色表示構建成功和測試通過,黃色表示部署警告,紅色表示回滾失敗。這種顏色編碼使得圖表的狀態一目瞭然,大大增強了可讀性。工具界面設計直觀,提供了豐富的控制選項:頂部一排選項卡涵蓋了流程圖、多鏈接、子圖、多行標籤、顏色、序列圖、交替片段、循環+筆記以及並行等多種圖表類型。用户可以通過滑塊或輸入框調整填充(Padding X 和 Padding Y)以及框內間距(Box padding),從而精細控制輸出圖形的外觀。生成的 ASCII 藝術圖可以通過「複製為文本」按鈕一鍵複製,或者通過「複製鏈接到此圖」按鈕生成可分享的鏈接,方便與他人協作。

該工具的核心技術是基於 WebAssembly 的 Go 庫編譯,因此所有計算都在用户的瀏覽器內完成,無需向服務器發送任何數據。這不僅保護了用户隱私,還帶來了極快的響應速度。此外,界面上還提供了一個「僅 ASCII」複選框,用户可以選擇僅使用 ASCII 字符(而非 Unicode 方框繪製字符)來生成圖形,這在某些終端或純文本環境中非常實用。總的來説,mermaid-ascii 工具為開發者和技術寫作者提供了一種將 Mermaid 圖表轉換為文本形式的高效途徑,尤其適合在文檔、代碼註釋或終端輸出中嵌入圖表。

展開要點與分析

文章情報

工程師進階

要點

  • 使用 Go 庫編譯為 WebAssembly 實現瀏覽器端渲染。
  • 支持流程圖、子圖、序列圖及顏色定義。
  • 提供可自定義的填充和輸出選項。

要點與分析由自動化流程生成,可能有誤,請結合原始來源核實。