心智圖

📖 工具介紹

用缩进文本描述层级，一键生成右侧導圖。不需要拖拽節點，改文字就能改结构，适合先把思路列出来再慢慢调整。生成的是矢量图，可以匯出 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，統一成一種縮進即可。