tft每日頭條

 > 生活

 > flowchart流程圖

flowchart流程圖

生活 更新时间:2024-11-24 16:11:33
介紹

flowchart.js是在浏覽器和終端中運行的流程圖DSL和SVG渲染。節點和連接是分别定義的,因此可以重複使用節點,并可以快速更改連接。也可以在DSL中對節點和連接器樣式進行細微的更改。


flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)1


Github示例

以下是一個簡單的示例(flowchart.js依賴raphael):

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)2

下面是一段帶有顔色的示例:

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)3

以下是一個完成的demo:

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)4

節點類型語法
  • start

用作流從其開始的第一個節點。默認文本為“start”

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)5

  • end

用作流結束的最後一個節點。默認文本為“end”

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)6

  • operation

表示需要在流中進行操作:

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)7

  • inputoutput

輸入輸出

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)8

  • subroutine(子程序)

指示流中的子流程,并且應該有另一個流程圖記錄該子流程

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)9

  • condition(條件)

允許條件或邏輯語句将流定向到兩個或多個路徑之一

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)10

  • parallel

允許多個流程同時出現

flowchart流程圖(以文本的語法在浏覽器或終端構造流程圖)11

總結

本文簡單介紹了flowchart.js在浏覽器中的的用法,它還可以在終端使用,如果你有需要在浏覽器或者終端繪制簡單的流程圖,那麼flowchart.js将會是你可以選擇的工具,感興趣的可以直接到官網文檔在線查看編寫效果,可從Github進入!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved