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

  发布时间:2023-10-17 10:45:14   作者:佚名   我要评论
draw.io是一个强大简洁的在线的绘图网站,支持流程图,UML图,架构图,原型图等图标,下面我们就来看看draw.io超详细的小白入门教程
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

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

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

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

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

相关文章

最新评论

?


http://www.vxiaotou.com