使用Typora绘制流程图

Typora可以直接在markdown中画流程图，而且语法简洁易懂，这是个让我异常惊喜的功能。

Typora使用flowchart.js来生成简单的SVG流程图，此外它还支持mermaid engine。要知道，在市面上你绝少看到此类用户体验良好的作图App，更别说集成在一个markdown编辑器里面了。Typora支持三类流程图：

sequence
flowchart
gantt

我们依次介绍。首先，只需要敲入以下代码，然后选择语言为sequence即可生成下面的图

李雷 -> 韩梅梅: Hello 梅梅, How are you?
Note right of 韩梅梅: 韩梅梅心想
韩梅梅 --> 李雷: I'm fine, thanks, and you?

对于Flowchart，可以使用下面的code，然后语法选择flow

st=>start: 闹钟响起
op=>operation: 与床板分离
cond=>condition: 分离成功?
e=>end: 快乐的一天st->op->cond
cond(yes)->e
cond(no)->op

Mermaid是另一个流程图生成的引擎，在官网中它是这么介绍自己的

Generation of diagrams and flowcharts from text in a similar manner as markdown.

除了Sequence和Flowchart两类图之外，Mermaid还提供一种叫做gantt的图。插入下面的代码，然后语法选mermaid就会自动渲染成gantt图了。

ganttdateFormat  YYYY-MM-DDtitle 快乐的生活section 吃一把鸡就学习学习            :done,    des1, 2014-01-06,2014-01-09疯狂学习               :active,  des2, 2014-01-09, 3d继续疯狂学习               :         des3, after des2, 5d吃鸡！               :         des4, after des3, 4dsection 具体内容学习Python :crit, done, 2014-01-06,72h学习C++          :crit, done, after des1, 2d学习Lisp             :crit, active, 3d学习图形学        :crit, 4d跳伞           :2d打枪                      :2d

使用Typora绘制流程图相关推荐

使用Typora工具绘制流程图
使用Typora工具绘制流程图 Typora编辑器简介使用Mermaid语法绘制流程图 1. 流程图方向 2.节点形状 3.节点间的连线 4.子图表(subgraph) 5.序列图(sequence ...
【高效工具】《三》Typora直接使用MarkDown语法绘制流程图、时序图、甘特图
平常使用Typora撰写内容的时候,偶尔会用到流程图,原来一直使用Word来作图,在插入到文档中,昨天偶然间了解到Typora支持使用mermaid来绘制流程图,才发现自己差点Out了.此处整理一下如 ...
python流程图-使用Graphviz快速绘制流程图
简介自己在绘制流程图的时候一般用到的是Visio,但是感觉连线以及框图位置调整起来很烦-经过一番了解之后发现了Graphviz可以使用Python代码来绘制流程图的软件,使用这个工具我们可以更专注于 ...
java.awt.Graphics2D绘制流程图基本元素
java.lang.Object ----java.awt.Graphics ----java.awt.Graphics2D 由于项目需要,要求对用户流程进行图形化展示:用户对自己的操作通过查看流程图 ...
1过程流程图 3 apqp_如何绘制流程图？这里有3种绘制方法，既简单又高效！1分钟可学会...
工作中,很多小伙伴需要绘制流程图,那么如何绘制流程图呢?其实并不难,今天小编就来给大家分享流程图的3种绘制方法,大家可以根据自己的想法选择最适合自己的那一种哦~ 一.Word制作 1.借助SmartA ...
VSCode来绘制流程图真是得心应手
场景在分析某业务时常常需要绘制流程图等一些图.通常会使用一些专门的绘图软件比如Viso.亿图图示. 但是如果只是想简单的绘制一下流程或者其他图.又或者不想打开其他IDE,如果能在开发的同时也能实现 ...
omnigraffle 画曲线_「技法」三步学会用绘图利器 OmniGraffle 绘制流程图
OmniGraffle 是 Mac 上的绘图利器,曾获2002年苹果设计奖.Graffle 在很多方面对标 Windows 系统上的 Microsoft Visio,是制作各种文档的绝妙工具.这篇文章 ...
html绘制流程图飞线,基于jsplumb绘制流程图
效果图 jspumb.gif 需要用到以下四个文件包 jQuery.js jquery-ui.min.css jquery-ui.min.js jquery.jsPlumb-1.6.2-min.js ...
流程图符号以及绘制流程图方法
流程图是显示过程中的操作步骤的流程图,最通俗点来讲就像路线图一样可以给路人指引方向般的神圣的存在,那要绘制神圣的流程图要怎样操作呢?有什么注意事项呢?不同的流程图符号代表的意义也不尽相同,所以关于流程 ...

使用Typora绘制流程图

使用Typora绘制流程图相关推荐

最新文章

热门文章