开源 画图 |
您所在的位置:网站首页 › 文件夹使用教程图解法图片大全 › 开源 画图 |
不想看文章的可以看视频: 知乎视频www.zhihu.com今天继续分享一下使用 Typora 在画图方面的小技巧。是的,你没看错,Typora 也能”画“图。 说是画图,但并不像其他专业的绘图软件那样,通过拖拖拽拽一些元素,画出流程图、时序图等。Typora 的制图功能是由 Mermaid 强力驱动,如果你使用过 PlantUML,那么 Mermaid 也非常容易上手。 MermaidMermaid[1] 是一种简单的类似 Markdown 的脚本语言,通过 JavaScript 编程语言,将文本转换为图片。因此,真正实现画图功能的并不是 Typora 本身,它只是内置了对 Mermaid 的支持。 ![]() Mermaid 支持绘制非常多种类的图,常见的有时序图、流程图、类图、甘特图等等。下面分享一下如何绘制这些图,语法非常容易掌握。 先在 Typora 中,输入 ```mermaid 然后敲击回车,即可初始化一张空白图。 流程图语法解释:graph 关键字就是声明一张流程图,TD 表示的是方向,这里的含义是 Top-Down 由上至下。 graph TD; A-->B; A-->C; B-->D;![]() 语法解释:->> 代表实线箭头,-->> 则代表虚线。 sequenceDiagram Alice->>John: Hello John, how are you? John-->>Alice: Great!![]() 语法解释:[*] 表示开始或者结束,如果在箭头右边则表示结束。 stateDiagram [*] --> s1 s1 --> [*]![]() 语法解释: |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |