瀏覽器本機渲染
圖表在目前瀏覽器工作階段中解析與繪製，不會將 Mermaid 原始碼傳送到本站伺服器。
1
arrow_back返回工具箱工具箱
Mermaid 圖表
在瀏覽器中渲染 Mermaid 圖表語法，採用粉／黃／藍 pastel（淺灰或黑底），可在圓角與方角節點樣式間切換，並分別匯出適用於淺色或深色排版的 PNG。
加载工具…
匯出 PNG（淺色／深色）
淺色匯出使用淡灰畫布（#eceef2）、粉／黃／藍 pastel 節點與黑色連線；深色匯出使用純黑畫布、同款 pastel 節點與紅色連線強調，風格接近常見 Flutter 架構示意圖。
常見問題
圖表文字會上傳嗎？
不會。Mermaid 在瀏覽器本機執行，渲染與匯出都不會呼叫本站伺服器端處理介面。
淺色與深色 PNG 匯出有什麼差別？
淺色為灰底黑線，深色為黑底紅線；節點統一使用粉／黃／藍系 pastel，與頁面預覽一致，方便放入淺色或深色文件。
支援哪些 Mermaid 圖表類型？
本站打包的 Mermaid 所支援的類型（例如 flowchart、sequenceDiagram、classDiagram 等）在語法正確時皆可預覽與匯出。
SHARE
分享
分享這個工具。