Mermaidの使用手順は何ですか。

1年 ago
結衣, 春花
1 minute

日本語の場合、Mermaidを使用する手順は次の通りです。

<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>

npmを使用してインストールする場合は、次のコマンドをコマンドラインで実行できます。

npm install mermaid --save
  1. その図書館は昨年改装されました。
<div class="mermaid">
  graph LR
  A-->B
</div>
  1. HTMLファイルに以下のJavaScriptコードを追加してmermaidチャートをレンダリングする：
mermaid.initialize({ startOnLoad: true });

ページの読み込み時にmermaidチャートが自動的にレンダリングされます。また、ボタンクリックなどの他のトリガーイベントを使用して、チャートを手動でレンダリングすることもできます。

  1. マーメイド
.mermaid {
  width: 500px;
  height: 500px;
}

このようにして、Mermaidチャートの幅と高さを500ピクセルに設定することができます。

こちらがMermaidの基本手順です。他のチャートタイプや設定オプションに関する詳細情報は、Mermaidの公式文書で見つけることができます。

bannerAds