如何用python画流程图_Markdown笔记:如何画流程图

本文介绍了如何使用Markdown语法结合Flowchart.js库来绘制流程图。通过简单的SVG代码,可以在Web上创建流程图。文章提供了一个入门案例,详细解释了流程图的元素定义和连接方式,并给出了多个示例。
摘要由CSDN通过智能技术生成

segmentfault 上有一篇咨询 Markdown 条件判断的问题,我也顺便简单学习了一下 Markdown 的流程图语法。还好,SF 支持流程图,貌似采用的是 flowchart.js。

Flowchart.js 仅需几行代码即可在 Web 上完成流程图的构建。可以从文字表述中画出简单的 SVG 流程图,也可以画出彩色的图表。

Draws simple SVG flow chart diagrams from textual representation of the diagram http://flowchart.js.org/

先来看一段入门案例

流程图代码在 Markdown 编辑中应该是下面这样的

输出结果大致如下:

在markdown语法中,流程图的画法和代码段类似,也就是说,流程图是写在两个

之间的。

比如说php代码,会是这样一种格式:

那么流程图就是这样的:

语法

流程图的语法大体分为两部分:

前面部分用来定义流程图元素;

后面部分用来连接流程图元素,指定流程图的执行走向。

定义元素阶段的语法是

tag=>type: content:>url

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值