mermaid pan zoom
🐬 VS Code extension to add pan and zoom support to Mermaid diagrams in Markdown preview.
🐬 VS Code 拡張機能:Markdown の Mermaid 図に パン・ズーム機能 を追加します。

📷 Features | 機能
- 🔍 Add zoom-in / zoom-out with mouse wheel
マウスホイールでズームイン・ズームアウト
- ✋ Drag diagrams to pan across the canvas
図をドラッグして移動(パン)可能
- ⚡️ Works in Markdown file
Markdownファイルで動作します

🚀 Installation | インストール
- Open Visual Studio Code
Visual Studio Code を開きます
- Go to the Extensions panel (
Ctrl+Shift+X )
拡張機能パネルを開きます(Ctrl+Shift+X )
- Search for
mermaid-pan-zoom and install
mermaid-pan-zoom を検索してインストールします
💡 You can also install via CLI:
💡 以下の CLI でもインストールできます:
code --install-extension TOnodera.mermaid-pan-zoom
✨ Usage | 使い方
- Open a Markdown (
.md ) file with Mermaid diagram code
Mermaid 図を含む Markdown ファイル(.md )を開きます
- Click "Open in Mermaid Pan Zoom"
「Open in Mermaid Pan Zoom」をクリックしてください。
✅ Now you can pan and zoom your diagrams freely!
✅ Mermaid 図を自由に拡大・縮小・移動できます!

📄 License
MIT License
🌐 Links
Made with ❤️ by TOnodera
| |