如何用python画流程图_Markdown笔记:如何画流程图
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
上例中下面部分代码都是定义元素部分
st=>start: Start
e=>end: End
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes or No?
io=>inputoutput: catch something...
说明:
tag 是流程图中的标签,在第二段连接元素时会用到。名称可以任意,一般为流程的英文缩写和数字的组合。
type 用来确定标签的类型,=>后面表示类型。由于标签的名称可以任意指定,所以要依赖type来确定标签的类型
标签有6种类型:start end operation subroutine condition inputoutput
content 是流程图文本框中的描述内容,:后面表示内容,中英文均可。特别注意,冒号与文本之间一定要有个空格
url是一个连接,与框框中的文本相绑定,:>后面就是对应的 url 链接,点击文本时可以通过链接跳转到 url 指定页面
开始
st=>start: 开始
操作
op1=>operation: 操作、执行说明
条件
cond=>condition: 确认?
结束
e=>end: 结束
URL(貌似 SF 的编辑器不支持)
e=>点击本结束跳转:>http://https://segmentfault.com/blog/ingood
连接流程图元素
示例代码后面部分
st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1
连接流程图元素阶段的语法就简单多了,直接用->来连接两个元素,几点说明如下:
说明:
使用 -> 来连接两个元素
对于condition类型,有yes和no两个分支,如示例中的cond(yes)和cond(no)
每个元素可以制定分支走向,默认向下,也可以用right指向右边,如示例中sub1(right)。
最后给出那个提问的答案示例
st=>start: 开始
e=>end: 结束:>http://https://segmentfault.com/blog/ingood
c1=>condition: A
c2=>condition: B
c3=>condition: C
io=>inputoutput: D
st->c1(no)->e
c2(no)->e
c3(no)->e
c1(yes,right)->c2(yes,right)->c3(yes,right)->io
io->e
如何用python画流程图_Markdown笔记:如何画流程图相关推荐
- python如何让图片镜像翻转_如何用 Python 增量备份 Roam Research 笔记图片?
消除后顾之忧,轻松输入卡片笔记. 题图:Photo by Markus Spiske on Unsplash 前些日子,我用视频的方式给你介绍了 Roam Research 这款工具.如果你还没有来得 ...
- python程序写蛇_如何用Python画一条蛇
先上效果图 最近又打算重新学习Python了, 之前也入门过Python, 但是弄完Python的开发环境后, 停留在print("hello world")阶段 非科班出身, 没 ...
- 怎么用python画个电脑_python语言还是java如何用python画爱心
用python绘制爱心的基本步骤如下: 002pc.com对<python语言还是java如何用python画爱心>总结来说,为我们学习Python很实用. 首先先下载安装好python程 ...
- 用visio画用例图小人_教你如何用 Python 打飞机 ?
前言:python 除了生孩子 ,啥都会 .包括打飞机 !今天就来教你如何用 python 打飞机 ! 简述 相信你是一个单纯的孩子说的打飞机是指啥意思 ,对吧 ?嗯 ,没毛病 .就是 pygame ...
- python 画云图_【词云图】如何用python的第三方库jieba和wordcloud画词云图
一直想学一下如何用python画词云图,觉得很好玩,本文就写一下我自己的一些尝试. 1.提前准备 一般准备以下四样就可以啦. 第一,电脑安装python,我装的是3.6. 第二,安装第三方库jieba ...
- python画-如何用Python画各种著名数学图案 | 附图+代码
原标题:如何用Python画各种著名数学图案 | 附图+代码 用Python绘制著名的数学图片或动画,展示数学中的算法魅力. Mandelbrot 集 代码:46 lines (34 sloc) 1. ...
- 用python画猫咪怎么画-如何用Python画一只机器猫?
原标题:如何用Python画一只机器猫? 本文经授权转自公众号异步图书 如若转载请联系原公众号 自信心是成功的源泉,对刚入门编程行业的初级程序员来说,多敲代码多做项目就是构建自信心的最好办法. 第一次 ...
- 如何用python画出中国地图-用Python画中国地图(二)
在上一篇文章<用Python画一个中国地图>中,我们简单描述了一下如何用Python快速画出一个中国地图的轮廓,似乎没有什么实用价值,这一次我们用实际数据填充它,使它看上去更有意义. 上色 ...
- python编程爱心-如何用python画爱心
用python绘制爱心的基本步骤如下: 首先先下载安装好python程序. 在我们自己的电脑上找到python 的IDLE工具. 2.然后打开IDLE,新建一个文件,命名为test1.py. 3.接着 ...
最新文章
- MODE ——计算了 任意多个数字的平均值(知识点:for的循环)
- Linux -- Samba访问控制
- Synchronize锁粒度
- 观察者模式(Observer) 简介
- 【PAT甲级 排序】1036 Boys vs Girls (25 分) C++
- [postgresql] postgresql 安装
- 三维重建面试0:*SLAM滤波方法的串联综述
- linux 暴力删除文件,暴力删除文件
- mxm智能教育机器人无法智能对话_零代码使用腾讯TBP打造智能对话机器人
- 使用npm失败解决方案
- 基于JAVA+SpringMVC+Mybatis+MYSQL的高校学生健康档案管理系统
- win10 安装tensorflow-gpu
- CnOpenData中国高等学校名单数据
- 如何利用RPLIDAR A2进行多点触摸应用
- Arnold渲染用炫云云渲染让我动画制作更轻松了
- 封装60秒倒计时vue组件
- WebRTC和APP互通连麦直播
- 怎么给视频添加水印?几个简单的步骤就搞定
- 朝花夕拾 - 2020 1024
- 开发U3V时遇到bus hound报babble detect错误