draw.io在线绘图工具怎么用? draw.io超详细的小白入门教程

上面那些带颜色的矩形框是图形的预制风格，你可以点击其中一个，则图形会变成与其一致的边框颜色和填充色。

• Fill用于设置图形的填充颜色。当下面的Sketch选中时，这里还可以指定填充的风格，如斜线、Z形线、点等。
• Gradient用于设置图形的渐变填充色。
• Line设置是否显示边框线，以及边框线的风格。
• Perimeter用于设置边缘的大小，当有连接线时，连接线到达边缘位置即可，而不一定非要到图形的边界上。
• Opacity用于设置图形的透明度。0完全透明，100完全不透明。
• Shadow用于是否显示阴影。
• Sketch用于设置图形是否以草图风格显示。

（2）Text

用于设置图形上文本的样式。

设置的内容包括由上到下，由左到右依次为：

• 字体名称、是否加粗、是否斜体、是否加下划线、是否垂直显示文本、字体大小、文本对齐方式、文本在图形内的位置（Top、Middle、Bottom）；
• Postion用于指定文本在图形外的位置（Top Left、Top、Top Right、Left、Center、Right、Bottom Left、Bottom、Bottom Right）；
• Font Color用于设置字体颜色；
• Background Color用于设置文本背景色；
• Border Color用于设置文本范围边界框的颜色；
• Word Wrap设置文本是否自动折行；
• Formatted Text：格式化的文本；
• Opacity设置文本的透明度；
• Spacing用于设置文本的内边距。

（3）Arrange

Arrange选项卡中的内容主要用于设置图形的排列信息。

To Front：将图形对象调整到最顶层；

To Back：将图形对象调整到最底层；

Bring Forward：往上层移动；

Bring Backward：往下层移动；

Size：设置图形的宽度和高度。

Constrain Proportions：设置图形的长度和宽度时保持长宽比不变。

Position：图像在画布中的位置。

Angle：调整对象旋转的角度。

Flip：翻转对象，包括水平翻转和垂直翻转。

6、设置连接线的属性

选中某个连接线或箭头时，其在右侧的属性栏如下图所示：

这里重点介绍与其他图形不同的地方。

6.1 Style选项卡

Line：勾选上后，会显示箭头和连接线，否则将会被隐藏。

下拉列表中的Sharp、Rounded和Curved用于设置带拐角的链接线风格。Sharp选项的拐角将会比较锐利，Rounded的拐角将以圆角形式显示，Curved选项将使连接线以弧的形式显示。这跟4.2中的内容的设置效果相同。

接下来的设置用于指定链接线的风格：

第一个用于设置链接线的种类。

包含4种，如下图所示：

第2个用于设置线型：

第3个用于设置线的粗细，默认为1磅。

第2行第1个用于设置链接线的拐角风格。

其风格从上到下表示如下：

剩下的那两个用于设置箭头和箭尾的风格。

最新评论