流程圖（Flowchart）：使用圖形表示算法的思路是一種極好的方法，因為千言萬語不如一張圖。流程圖在匯編語言和早期的BASIC語言環境中得到應用。相關的還有一種PAD圖，對PASCAL或C語言都極適用。

Flowchart 是一種通過文本方式描述的流程圖，通過它你僅需幾行代碼即可在文檔中繪制流程圖。

語法簡介

Flowchart 的語法來源于 js-sequence-diagrams ，定義流程圖分為下邊兩步。

定義流程圖元素

name=>type: content:>url

name: 元素的名稱

type：類型，包括如下類別：

? start

? end

? operation

? subroutine

? condition

? inputoutput

? parallel

content：文本內容

url：連接

示例：

st=>start:?Start e=>end op1=>operation:?My?Operation sub1=>subroutine:?My?Subroutine cond=>condition:?Yes or?No?:>http://www.google.com io=>inputoutput:?catch?something st->op1->cond cond(yes)->io->e cond(no)->sub1(right)->op1

連接元素

使用 -> 符號即可：

cond(yes)->io->e cond(no)->op1->e

操作入口

插入卡片 -> 選擇文本繪圖 ?-> Flowchart

示例

示例 1 效果：

st=>start:?Start:>http://www.google.com[blank] e=>end:>http://www.google.com op1=>operation:?My?Operation sub1=>subroutine:?My?Subroutine cond=>condition:?Yes or?No?:>http://www.google.com io=>inputoutput:?catch?something... para=>parallel:?parallel?tasksst->op1->cond cond(yes)->io->e cond(no)->para para(path1,?bottom)->sub1(right)->op1 para(path2,?top)->op1

參考資料

https://flowchart.js.org/ https://bramp.github.io/js-sequence-diagrams/ https://blog.csdn.net/ethmery/article/details/50670294

在線地址：https://flowchart.fun/

總結

以上是生活随笔為你收集整理的推荐：Flowchart 一种通过文本方式描述的流程图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。