# Export Mind Map As Image

> Guide for exporting mind maps as images using `@zumer/snapdom`. Use when this capability is needed.

- Skill: `tomevault-io/export-mind-map-as-image` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/export-mind-map-as-image`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/export-mind-map-as-image/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/export-mind-map-as-image

---


# Export Mind Map as Image

Mind Elixir recommends using `@zumer/snapdom` for high-quality image exports. This tool allows you to convert the SVG nodes directly into image formats.

## 1. Installation

Install `@zumer/snapdom` as a dependency.

```bash
npm install @zumer/snapdom
```

## 2. Usage

Use the `snapdom` function to capture the mind map nodes and download them.

```typescript
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',
  })
}
```

## 3. Creating a Trigger

You can add a button to your UI to trigger this function.

```html
<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.

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/ssshooter) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-11 -->