Menu
Guide for exporting mind maps as images using `@zumer/snapdom`.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/SSShooter/obsidian-mindmap --skill export-mind-map-as-imageThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Based on SOC occupation classification
Showing SKILL.md
| name | Export Mind Map as Image |
| description | Guide for exporting mind maps as images using `@zumer/snapdom`. |
Mind Elixir recommends using @zumer/snapdom for high-quality image exports. This tool allows you to convert the SVG nodes directly into image formats.
Install @zumer/snapdom as a dependency.
npm install @zumer/snapdom
Use the snapdom function to capture the mind map nodes and download them.
import { snapdom } from '@zumer/snapdom'
// Assuming `mind` is your MindElixir instance
const downloadImage = async () => {
// 1. Capture the nodes
const result = await snapdom(mind.nodes)
// 2. Download as JPG or PNG
await result.download({
format: 'jpg', // or 'png'
filename: 'mind-map-export',
})
}
You can add a button to your UI to trigger this function.
<button id="export-btn">Export Image</button>
<script>
document.getElementById('export-btn').addEventListener('click', downloadImage)
</script>
Note: The built-in
mind.exportSvg()method is deprecated. Please use the method above for new projects.