在线思维导图

功能

• 左边写大纲，右边实时出图
• 缩进即层级：空格、Tab、混着用都认
• 行首的 - / * / + 自动去掉，Markdown 列表可直接粘贴
• 左右分叉（经典思维导图）或只向右（适合贴进文档）两种布局
• 按分支上色，同一条分支一眼能看出是一伙的
• 字号可调（10–24）
• 导出 SVG：矢量、放大不糊，可再进 Figma / Illustrator 编辑
• 一键复制 SVG 源码
• 节点文字自动转义，含尖括号的内容不会把图弄坏
• 空大纲会给一句提示，而不是一片空白

使用方法

1. 在左边写下大纲，每行一条
2. 用缩进表示层级：缩进两个空格（或一个 Tab）就是下一层
3. 选布局与配色，图会实时更新
4. 需要的话调字号
5. 右侧预览满意后，点下载取走 SVG，或复制源码

常见问题

能拖动节点调整位置吗？

不能，这是有意的。拖拽编辑需要一整套画布交互（命中测试、框选、撤销栈、吸附对齐），而更常见的需求是「把已经想好的提纲快速变成一张图」。要调整结构，改左边的大纲就行 —— 通常比拖快得多。

导出的图能再编辑吗？

可以。下载的是标准 SVG（矢量），能拖进 Figma、Illustrator、Inkscape 继续改，文字仍然是文字而不是曲线。也能直接放进网页或 Markdown 文档。

中文节点会不会算错宽度？

不会。节点盒的宽度按显示宽度算 —— 一个汉字占两格，所以中文节点的宽度与它的实际显示一致，不会出现文字顶着边框或者盒子空一大截。

为什么导出的图是白底？

因为透明底的图放进深色主题（比如深色模式的文档或聊天工具）里会看不见文字。白底在深色和浅色环境下都能看清。需要透明底的话可以在编辑器里去掉那个背景矩形。

大纲很长会有问题吗？

不会，但图会变得很大（画布按内容自适应）。层级很深时建议用「只向右」布局 —— 左右分叉在层数多的时候会绕回来，反而不好读。