export-mind-map-as-image
Guide for exporting mind maps as images using `@zumer/snapdom`.
Informações da origem
- Repositório
- SSShooter/obsidian-mindmap
- Última atividade na origem
- 13 de fevereiro de 2026 às 12:08
- Idioma detectado do SKILL.md
- inglês
- Estrelas
- 52
- Forks
- 2
Opções de instalação
Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.
Revise os arquivos de origem
Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.
Exibindo SKILL.md
SKILL.md
Instruções da origem · Visualização somente leitura- name
- Export Mind Map as Image
- description
- Guide for exporting mind maps as images using `@zumer/snapdom`.
# 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.
Ver no GitHub