这样一个小工具,已经在 GitHub 上获得了 300 + 的标星。
并且,它能实现的效果,也不止是上面展示的这么简单,具体详情,不如一起来在线试试~
功能试玩
你可能也注意到了,在上图中,当输入一行:
on the fly: by type
连接框图的箭头线上就出现了 “on the fly” 的字样。
也就是说,当你想要在线上输入文字,用 “: ” 就可以实现了。
比如 if 结构,就可以这样表示:
并且,箭头并非只能单向连接到下一级,比如想拉一个从第 4 级框图到第 1 级框图的箭头,只需另起一行缩进,输入 (1)。括号中的数字,即为箭头指向的列。
另外需要说明的是,图中的框线都是可以手动调整位置的。
网站还提供了 SVG