インストール - Mermaid

Mermaidのインストール

Node.jsのインストール

Node.jsのインストールは、インストール - Yarnのページを参照すること。

Mermaidのインストール

npmコマンドを使用して、mermaindをインストールする。

# グローバルインストールする場合
npm install -g @mermaid-js/mermaid-cli

mermaindは、以下に示すディレクトリにインストールされる。

/<Nodeのインストールディレクトリ>/bin
/<Nodeのインストールディレクトリ>/lib/node_modules/@mermaid-js

画像形式に変換

mermaid-cliを使用する場合

# 基本的な使用方法
mmdc -i <入力するMermaidファイル>.mmd -o <出力する画像ファイル>.png

# 背景色を指定する場合
mmdc -i <入力するMermaidファイル>.mmd -o <出力する画像ファイル>.png -b white

# 画像サイズを1920x1080で出力する場合
mmdc -i <入力するMermaidファイル>.mmd -o <出力する画像ファイル>.png -w 1920 -H 1080

# 画像サイズを3840x2160で出力する場合
mmdc -i <入力するMermaidファイル>.mmd -o <出力する画像ファイル>.png -w 3840 -H 2160

# 基本サイズの2倍
mmdc -i <入力するMermaidファイル>.mmd -o <出力する画像ファイル>.png -s 2

# 基本サイズの3倍
mmdc -i <入力するMermaidファイル>.mmd -o <出力する画像ファイル>.png -s 3

Node.jsでスクリプトを生成する場合

npmコマンドを使用して、mermaind-puppeteerをインストールする。

# グローバルインストールする場合
npm install mermaid puppeteer

 const mermaid = require('mermaid');
 const fs = require('fs');
 
 mermaid.initialize({ startOnLoad: true });
 mermaid.render('mqtt-flow', mermaidDefinition, (svgCode) => {
    // SVGをPNGに変換するロジック
 });