# Export Mind Map as Image

> Guide for exporting mind maps as images using the built-in SCST engine from `@mind-elixir/export-mindmap`.

- Skill: `ssshooter/export-mind-map-as-image` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ssshooter/export-mind-map-as-image`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ssshooter/export-mind-map-as-image/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools, AI & ML
- Author: ssshooter (https://skillmd.com/u/ssshooter)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/ssshooter/export-mind-map-as-image

---


# Export Mind Map as Image

Mind Elixir exports images through the built-in SCST engine from `@mind-elixir/export-mindmap`. SCST is a lightweight, high-performance DOM-to-image library based on SVG `<foreignObject>` + Canvas, with zero third-party screenshot dependencies.

## 1. Installation

Install `@mind-elixir/export-mindmap` as a dependency.

```bash
npm install @mind-elixir/export-mindmap
```

## 2. Usage

Use the `downloadImage` / `exportImage` functions to capture the mind map nodes and download them.

```typescript
import { downloadImage, exportImage } from '@mind-elixir/export-mindmap'
// Assuming `mind` is your MindElixir instance

// Download as PNG / JPEG / WEBP
await downloadImage(mind, 'png') // format: 'png' | 'jpeg' | 'webp'

// Or get the URL for preview / custom handling instead of downloading
const url = await exportImage(mind, 'png')
```

## 3. Using SCST directly

SCST is also exported from the package and can be used to screenshot any DOM element.

```typescript
import { domToBlob, domToDataURL, domToObjectURL } from '@mind-elixir/export-mindmap'

const blob = await domToBlob(element, 'png', options)
const dataUrl = await domToDataURL(element, 'jpeg', options)
const objectUrl = await domToObjectURL(element, 'webp', options) // most memory-efficient for downloads
```

> **Note**: The built-in `mind.exportSvg()` method is deprecated. Please use the method above for new projects.

