前端绘图全面支持Js-Sequence-Diagrams时序图演示
前端绘图:Js-Sequence-Diagrams使用及入门作用:
将简单的文本行绘制成手绘风(或是简单的直线条)的流程图。优点是不需要复杂的数据结构。一个简单的javascript库将文本转换成矢量UML时序图,轻量化简单自有空间巨大,全面实现ultradebug网站编辑自有。
演示:
Simple代码:(防止被解析加了数字1,实际中把1删了)
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
Hand代码:(防止被解析加了数字1,实际中把1删了)
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
Simple代码:(防止被解析加了数字1,实际中把1删了)
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
Hand代码:(防止被解析加了数字1,实际中把1删了)
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
Simple代码:(防止被解析加了数字1,实际中把1删了)
participant C
participant B
participant A
Note right of A: By listing the participants\n you can change their order
participant C
participant B
participant A
Note right of A: By listing the participants\n you can change their order
Hand代码:(防止被解析加了数字1,实际中把1删了)
participant C
participant B
participant A
Note right of A: By listing the participants\n you can change their order
participant C
participant B
participant A
Note right of A: By listing the participants\n you can change their order
页:
[1]