如何在 Inkscape 中使用文本创建 Visio 风格的可连接形状?

平面设计 墨景 图表
2022-02-13 22:04:23

我想使用 Inkscape 创建这样的架构图:

在此处输入图像描述

据我所见,Inkscape 的连接器工具似乎工作正常。

我仍在苦苦挣扎的是一种简单的方法来添加可连接的形状,这些形状具有自己的边框、背景颜色和可能会根据其文本内容缩小或扩展的阴影。

另外,我想将文本内容锚定到形状的中间。

这是在 Inkscape 中可以很好地完成的事情,还是我应该使用其他更专业的工具来制作这样的图表?

2个回答

是的,在 Inkscape 中有一种解决方法,虽然没有什么可以在键入时自动调整容器的大小,但是文本可以自动在形状内流动。

以下是步骤:

  1. 进入 Edit > Preferences,选择 Behaviour,然后选择 Transforms - 取消选中“Scale Stroke Width”和“Scale Rounded Corners in Rectangles”选项。这将确保您可以在不弄乱圆角或笔划宽度的情况下变换形状。

  2. 创建一个形状,例如一个矩形,添加一个笔触以便您可以看到它。

  3. 使用文本工具,单击一次以在矩形外键入一些文本 - 在此阶段所有文本都应位于一行。选择形状和文本,然后单击文本 > 流入框架。

  4. 使用文本工具突出显示文本,然后点击顶部工具栏中的对齐中心按钮。

  5. 使用选择和变换对象工具 (F1),选择并移动文本,使其在形状容器内居中。

  6. 选择文本和形状容器,并将它们分组

  7. 对组应用投影滤镜。

  8. 当你需要编辑里面的文字,或者调整形状大小时,使用选择和变换对象工具(F1)双击进入组,然后你可以调整形状的大小,文字会在里面流动,或者你可以输入一些新文本,然后调整形状容器的大小。注意:要退出组,请在组外双击。

这是下面显示的结果。它是一个可调整大小的容器,文本自动流入其中。

在此处输入图像描述

显然,如果您添加了额外的一行,或者少了一行文本,或者垂直调整了形状的大小,那么您将不得不再次手动重新定位容器内的文本,如第 5 步。

这是 Inskcape SVG文件,如果你想玩的话。文本不会显示在浏览器中,但如果您保存 SVG 并在 Inkscape 中打开它,应该会显示。我不知道这个链接会持续多久。

您可以使用Ctrl++来做到这Shift一点Y

通过这种方式,您可以访问符号选项卡 > 符号集 > 流程图形状

在此处输入图像描述

玩得开心!