思维导图

📖 工具介绍

用缩进文本描述层级，一键生成右侧导图。不需要拖拽节点，改文字就能改结构，适合先把思路列出来再慢慢调整。生成的是矢量图，可以导出 PNG 与 SVG 直接放进文档或幻灯片，也可以导出 JSON 留给别的工具继续用。

写方案之前先把分支列清楚的人，用文本比拖拽更快。做读书笔记和会议纪要的人，会后把要点缩进整理一遍就是一张图。老师用来把章节结构画给学生看，也不需要先学一款复杂的软件。

写方案之前先把分支列清楚的人，用文本比拖拽更快。做读书笔记和会议纪要的人，会后把要点缩进整理一遍就是一张图。老师用来把章节结构画给学生看，也不需要先学一款复杂的软件。

• 为什么层级乱了？同一份大纲里混用了空格和 Tab，统一成一种缩进即可。
• 能拖动节点吗？当前不支持手动调整位置，位置由布局算法决定。
• 导出 PNG 失败怎么办？换用 SVG 导出，再用看图工具转 PNG。
• 节点太多挤在一起怎么办？调大间距与留白，或者拆成多张图。

✨ 功能特点

• 缩进解析：默认 4 个空格一级，也支持 2 空格与 Tab，行首的减号星号会自动忽略。
• 两种布局：全部向右展开，或一二级节点左右分开的经典双侧结构。
• 四套配色：蓝、绿、暖、灰，越深的层级颜色越浅。
• 尺寸可调：字号、节点间距、画布留白都能改，节点框随文字长度自适应。
• 连接线：贝塞尔曲线连接父子节点，可以关掉。
• 三种导出：PNG 双倍清晰度、SVG 矢量、JSON 结构数据。

🚀 使用方式

1. 左侧文本框里写大纲，第一行是中心主题，往下一级缩进 4 空格。
2. 选展开方向与配色，需要精确排版时调字号与间距。
3. 点【生成】，右侧出现导图，标题下方显示节点数与层数。
4. 确认后点【导出 PNG】或【导出 SVG】保存图片。
5. 要把结构带到别的工具，点【导出 JSON】。

⚠️ 注意事项

• 缩进要统一同一份大纲里缩进单位要统一，混用空格和 Tab 会解析出错。
• 不能手动拖动节点不支持手动拖拽调整位置，位置由布局算法决定。
• 旧浏览器可能失败PNG 导出依赖浏览器把 SVG 画进画布，个别旧浏览器可能失败，可改用 SVG。
• 控制节点字数文本过长时节点会很宽，建议每层控制在十几个字以内。
• 层级解析会乱同一份大纲里混用了空格和 Tab，统一成一种缩进即可。