CSDN-MARKDOWN flowchart.js 流程图详解

教程引导

例1

 ```flow

 开始=>start: 开始
 e>end: 结束 

 开始->e

 ```

实现效果 :

解释([]代码中不用写):

1

 ```flow

......

......

 ```

在CSDN-MARKDOWN中插入流程图代码的格式

2

    [name]=>[symbol](: [Output Name])(:>[link])

其中name,Output Name中英文任意
symbol是特定的标签,如例1中的start,end
()代表可缺省[link]后可在[ ]内加target属性

3

    [name1]->[name2]

从name1向name2画一条箭头

例2

 ```flow

 st=>start
 e=>end
 in=>inputoutput: 输入a,b
 if=>condition: a<b?
 do=>operation: a=a-1
 out=>inputoutput: 输出a,b

 st->in->if
 if(yes)->out->e
 if(no)->do(right)->if

 ```

实现效果:

解释:

1

    in=>inputoutput: 输入a,b
    if=>condition: a<b?
    do=>operation: a=a-1
    out=>inputoutput: 输出a,b

inputoutput 输入输出标签
operation 过程标签
condition 判断标签

2

    [name1](yes)->[name2]
    [name1](no)->[name3]

[name1]判断成功(失败),向[name2(3)]画线

3

    [name1](right)->[name2]
    [name1](bottom)->[name2]

从[name1]的右部,底部开始画线指向[name2]
当[name1]为condition标签时,格式为[name1](yes,right)

例3

求最小公倍数

 ```flow

 st=>start: 开始
 in=>inputoutput: 输入a,b
 sub1=>subroutine: 求得最小公约数c:>http://www.google.com[blank]
 op=>operation: c=a*b/c
 out=>inputoutput: 输出c
 e=>end: 结束

 st->in->sub1->op->out->e

 ```

解释:

subroutine子程序标签

参考手册

标签	意义
start	开始
end	结束
inputoutput	输入输出
operation	过程
condition	判断
subroutine	子程序