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个用于设置链接线的拐角风格。

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

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