分享一个仅仅使用文本文字就可以绘制流程图的开源项目,类似于Markdown中的Mermaid语法,并且支持SVG导出;
仓库地址:
在线地址:
一个可以使用文本文字描绘流图的开源项目
下面是在线地址提供的语法的中文翻译版:
这个应用 使用纯文本构建
新的一行 创建新的节点
文本之间的 空格可以提供换行
缩进创建(临近节点) 的新的子节点
并且任意文本: 在[冒号+空格]之前, 创建一个标签
[linking] 你可以使用小括号 包裹的节点的 ID连接节点
比如: (1)
每一行默认的ID 就是他们的行数
不过你也可以 使用中括号 定义一个自定义的ID
比如: (linking)
// 单行注释
/*
多行注释
Have fun! 🎉
*/
生成的流程图如下:
下面是我创建的一个新的例子:
把大象装进 冰箱需要几步?
[first] 第一步: 打开冰箱门
[second] 第二步: 把冰箱放进去
[third] 第三步: 把冰箱门关上
我是指向 第一步的文本
我指向了第一步: (first)
我是指向 第二步的文本
我指向了第二步: (second)
我是指向 第三步的文本
我指向了第三步: (third)
生成的流程图如下:
语法很简单,画个五分钟就学会啦,以后画一些简单的流程图使用这个工具就可以啦!
附录
仓库地址:
在线地址: