- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在here找到了一个很好的事件图但没有源代码。它如下所示:
我尝试用 plantuml 绘制它,下面是我的代码:
@startuml
skinparam linetype ortho
(*) -down-> "clone repository"
note right
A:git clone url/to/repository
scp -p url/to/hooks/commit_msg repository/.git/hooks
end note
-down->[get an assignment] "coding"
-down-> "commit locally"
note right
B:git add xxx
git commit
end note
-down-> "review"
note right
C:git push origin refs/for/<branch>
end note
if "" then
-left->[rejected] "rework"
-up-> "recommit"
'note left
'D:git add xxx
'git commit --amend
'end note
-right-> "review"
else
--right-->[approved] "submit"
note right: E:click "submit" on on corresponding gerrit page
-up-> "update local repository"
note right
F:git pull --rebase
end note
-left->[get another task(a new cycle)] "coding"
@enduml
显然,仍然不是原来的图:
如何才能像原始输出一样改进它?
最佳答案
plantuml会自动放置节点,如果你想把节点放在精确的位置,TikZ也许可以做得更好:
\documentclass[convert={outfile=\jobname.png}]{standalone}
\usepackage{tikz}
\usetikzlibrary{arrows,chains,positioning,shapes,scopes,quotes,decorations.markings,shapes.multipart,shapes.callouts}
\begin{document}
\newcommand{\ann}[3][]
{
\node[align=center, draw=noteBorderColor,fill=noteBackgroundColor,
rectangle callout, anchor=pointer,
callout relative pointer={(#2)},#1] {#3};
}
\begin{tikzpicture}[>=latex,node distance =8mm,
every text node part/.style={align=left},
start chain = going below,
base/.style = {draw, rounded corners,
minimum width=20mm, minimum height=4mm,
align=center,
inner sep=1mm, outer sep=0mm,
},
box/.style = {base, on chain, join=by {->}},
start/.style = {box,minimum size=2mm,circle,fill=black},
end/.style = {box,circle, on chain},
decision/.style = {box, diamond, aspect=1,
rounded corners=0pt, minimum size=2mm}
]
\definecolor{noteBackgroundColor}{RGB}{251,251,119}
\definecolor{noteBorderColor}{RGB}{168,0,54}
\node[start] (A) {};
\node[box] (B) {clone repository};
\ann[right=9mm of B]{182:8mm}{git clone url/to/repository \\scp -p url/to/hooks/commit\_msg repository/.git/hooks};
\node[box] (C) {coding};
\node[box] (D) {commit locally};
\ann[right=9mm of D]{182:8mm}{git add xxx \\ git commit};
\node[box] (E) {review};
\ann[right=9mm of E]{182:8mm}{git push origin refs/for/branch};
\node[decision] (F) {};
{[start branch]
\node[box,left=2cm of F] (G) {rework};
\node[box,on chain=going above] (H) {recommit};
\ann[above=5mm of H]{270:4mm}{git add xxx \\ git commit --amend};
}
{[start branch]
\node[box,right=6cm of F] (I) {submit};
\ann[below=5mm of I]{90:4mm}{click "submit" on corresponding gerrit page};
\node[base] (J) at (I |- C) {update local repository};
\ann[right=9mm of J]{182:8mm}{git pull --rebase};
}
\draw[->] (H) -- (E);
\draw[->] (F) -- (I);
\draw[->] (J) --node [above] {get another task(new cycle)} (C);
\draw[red,->] (I) edge (J) (J) to (C);
\end{tikzpicture}
\end{document}
输出:
关于plantuml - 在事件图上方绘制注释,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45048113/
缩放由 scale 关键字控制。我很好奇是否有可能以某种方式或至少缩放 PlantUML 图的部分:缩放部分图的字体大小。 scale 似乎不能局限于图表的一部分(而且我还没有找到任何表明这是可能的示
据我所知,PlantUML 自动检测给定文档的图类型(序列图、用例图、类图、事件图等)。这似乎工作得相当好,但我有时发现在编辑图表时我会做一些看似微小的更改,突然我的事件图变成了类图(例如)。 我想要
在 PlantUml 中,我有一个像这样的对象: object MyObject { #field1 #field2 } 渲染效果如下: 我希望在具有字段名称的行之间有更多的空间(在本例中为 fi
我有一个类似这样的类结构: @startuml package "A" { ABase <|-- A1 ABase <|-- A2 ABase <|-- A3 } package "B" { BBas
我尝试创建一个图表,其中包含类层次结构以及使用这些类的用例。我今天尝试使用 PlantUML,但不知何故无法混合这两种图表类型。这是我能想到的最简单的文件: @startuml class Foo u
我试图在单列上垂直对齐 PlantUML 组件图的元素。我尝试了“从上到下方向”和“从左到右方向”选项,但没有很好的结果。我发现的唯一方法是将每个元素包装在一个匿名“框架”中并设置“从左到右方向”选项
我试图在单列上垂直对齐 PlantUML 组件图的元素。我尝试了“从上到下方向”和“从左到右方向”选项,但没有很好的结果。我发现的唯一方法是将每个元素包装在一个匿名“框架”中并设置“从左到右方向”选项
如何在类“Person”和“Company”之间的关联“employs”的两端指定角色名称“employer”和“employee”?当然,这与协会名称不同: 最佳答案 @startuml hide
当您想要创建标准 UML 图时,PlantUML 非常强大。 但我目前正在考虑使用 PlantUML 来记录 EIP 路由(如这些图像上的路由: https://www.google.de/searc
我安装了 sphinxcontrib-plantuml 扩展,如果我运行 HTML 构建器,它可以正常工作,例如对于相应的 testmodule.py 文件,使用以下 testmodule.rst 文
我想画一个如下图。 我的源代码是: @startuml start if (c1) then (YES) :A; else (NO) if (C2) then (NO) :A;
我正在尝试绘制一个类图,其中两个类之间的多个关系是用重数定义的。 默认情况下,结果很糟糕: @startuml class Movie { genres: String[] minut
我想将下图更改为具有单个决策节点(三个分支)和单个合并节点。 plantuml 可以制作这样的图表吗?上图源自这段代码: @startuml skinparam ConditionEndStyle d
看,我在 plantuml 中有一个循环 loop etl -> kafka: kafka -> linda: linda --> kafka: kafka --> e
我有多个单序列图。 它们中的大多数具有相同的初始化和终止序列。 可以将其从一个文件复制到另一个文件,但如果可以在单个点声明该部分会好得多。因此,如果发生更改,则无需更改所有图表。 有没有办法做到这一点
我正在评估 PlantUML 是否可以替代 GraphViz。 它被宣传为“直观”,但老实说,主页上的第一个示例已经令人困惑。 为什么下面会创建两次“Bob”和“Alice”?我在文本中看到 2 个节
类图似乎总是线性的 - 无论是水平的,或者,如果我添加 left to right direction , 垂直的。 但是,在许多情况下,布局可以更好地利用屏幕空间。看看这个: 最后一个图可以很容易地
我正在使用 plantUML 泳道来可视化内部流程,但不幸的是,当我想显示已执行和分离的流程时遇到重叠线。 我正在使用这个: @startuml title something |#dee4e8|p1
我正在使用 PlantUML API 生成事件图。 我之前使用过GraphViz,并使用rank参数来定义布局 rank=LR [for left to right] 我试图在 PlantUML 中找
我在here找到了一个很好的事件图但没有源代码。它如下所示: 我尝试用 plantuml 绘制它,下面是我的代码: @startuml skinparam linetype ortho (*) -do
我是一名优秀的程序员,十分优秀!