draw.io如何绘制带箭头的弧线

好长时间没有写draw.io相关的技巧了。今天再补充一个小技巧。
如何绘制像下图中蓝色的带箭头的弧线?

draw.io如何绘制带箭头的弧线_第1张图片

本来以为这个问题应该很简单,但是在仔细研究了很久之后我发现这个问题并没有想像得那么容易。
众所周知,draw.io中带箭头的线叫作“connector”。但是在draw.io的“connector”中,只有直线、直角线、双箭头线、圆角线、曲线这几种。虽然只要你有耐心调,并且不像小白一样手残,还是有机会用曲线箭头画出一个可能比较圆的圆弧箭头的。

draw.io如何绘制带箭头的弧线_第2张图片

这显然不是很好的解法。于是小白继续研究。首先,draw.io中是有圆弧这个工具的,在“基本”这一组中,可以看到如图的arc工具。
draw.io如何绘制带箭头的弧线_第3张图片

这个工具可以绘制 [ 0 ∘ , 36 0 ∘ ) [0^{\circ}, 360^{\circ}) [0,360) 间的不完整圆弧,如下图所示。

draw.io如何绘制带箭头的弧线_第4张图片

但是通过简单地对比arc和connector的样式表,就会发现这个arc是不带箭头的。
draw.io如何绘制带箭头的弧线_第5张图片

所以我们把问题分解为,需要画一段圆弧,以及给这个圆弧安排一个箭头。
我们可以在“箭头”这一组里找到一个实心黑箭头。

draw.io如何绘制带箭头的弧线_第6张图片
这个箭头确实有点大,但是draw.io让我们实现了当孙悟空的愿望,我们可以让它变小。
draw.io如何绘制带箭头的弧线_第7张图片
变小后我们可以拎着这个箭头两个蓝色的点,把它固定到弧线上,注意,当弧线变绿时,就说明箭头固定到弧线上了。
draw.io如何绘制带箭头的弧线_第8张图片

一般情况下箭头是无法完全遮蔽弧线的头部,最好把弧线稍微调短点,成品是这样的:
draw.io如何绘制带箭头的弧线_第9张图片

小白对于这个问题就只能这样解了。如果你有更好的方案欢迎在评论区讨论。
draw.io如何绘制带箭头的弧线_第10张图片

你可能感兴趣的:(draw.io)