「インストール - Mermaid」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「== 概要 == <br><br> == Mermaidのインストール == ==== Node.jsのインストール ==== Node.jsのインストールは、インストール - Yarnのページを参照すること。<br> <br> ==== Mermaidのインストール ==== <code>npm</code>コマンドを使用して、mermaindをインストールする。<br> # グローバルインストールする場合 npm install -g @mermaid-js/mermaid-cli <br> mermaind…」) |
(相違点なし)
|
2024年11月12日 (火) 21:20時点における版
概要
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に変換するロジック
});