search

markmap / markmap

Build mindmaps with plain text
https://markmap.js.org/
MIT License
9.32k stars 640 forks source link

How to export my mind map to png? #94

Open hillerliao opened 2 years ago

hillerliao commented 2 years ago

How to export my mind map to png?

sometimes png is useful when pasting it on figma canvas

xlindo commented 2 years ago

How？

james-tindal commented 1 year ago

You can do that with this Obsidian plugin. https://github.com/verocloud/obsidian-mindmap-nextgen

legend80s commented 6 months ago

You can do that with this Obsidian plugin. https://github.com/verocloud/obsidian-mindmap-nextgen

but I still don't know how to do in markmap 😅.

rywng commented 6 months ago

As a workaround, You can export high definition pngs if you use Firefox.

In order to do so:

  1. Run markmap $your_file and open the output html file in firefox
  2. Position your mind map so that it can be fully shown in the browser window
  3. Ctrl+Shift+K to pull up the debug console
  4. Enter :screenshot --dpr 4 --fullpage to take a high-definition screenshot
  5. if the text in the resulting image is blurry, change the 4 after --dpr to a higher value.
legend80s commented 6 months ago

https://github.com/JuanIrache/d3-svg-to-png

svg2png('#mindmap-graph', 'svg-to-png-q-default', { scale: 3, format: 'png', background: 'white' })