MarkGleam ローカル処理 · 無料で利用

Mermaid を画像に変換

エディターは Mermaid の構文をそのまま受け取り、自動的にラップして図を描画します。書き出す前にキャンバス幅、余白、背景を調整できます。

使い方

  1. Mermaid ソースを貼り付ける
  2. プレビューに表示された構文エラーを修正する
  3. キャンバスを設定して画像を書き出す

制限事項

利用できる構文は同梱の Mermaid バージョンに依存します。非常に横長の図やノード数が多い図では、キャンバス幅を広げる必要があります。

入力例

flowchart LR
  A[Mermaid ソースを貼り付け] --> B{プレビュー成功?}
  B -->|はい| C[キャンバスを調整]
  B -->|いいえ| A
  C --> D[PNG / SVG を書き出し]

简体中文 · English