关于前端:快速掌握流程图架构图uml图绘制小技巧第一篇

1次阅读

共计 2175 个字符，预计需要花费 6 分钟才能阅读完成。

上面为大家解说 PDDON 的一些罕用画图技巧，关注我，继续分享更多画图技巧，如果感觉不错，能够给我点赞反对一键三连哦，谢谢大家！

PDDON 在线画图地址：pddon.com

次要蕴含如下几种画图元素:

组件

PDDON 提供十分丰盛的组件库，蕴含各种图形组件、容器组件、性能组件等等，不同的组件的外观、业务含意、具备的性能个性不尽相同。组件间能够通过连线进行连贯，不同的组件具备各自的连贯规定，用以管制组件是否容许引出 / 引入连线，能够通过属性面板查看组件信息。

连线

用于建设组件之间的分割，以线条形式展现，能够设置不同款式的连线格调和箭头款式，能够增加形容信息。
线条

线条门路类型

连线门路由起始地位和完结地位确定，目前反对如下类型门路
   * 直线
   * 曲线
   * 二次贝塞尔曲线
   * 直折线
   * 按长度分段直线
线条格调

能够抉择 PDDON 预置的各种线条格调

线条款式

能够设置线条的色彩、宽度等等款式

形容信息

能够为连线增加形容信息，形容信息能够绝对于连线地位：
* 开始地位
* 两头地位：默认应用两头地位形容信息
* 完结地位
箭头

连线能够设置不同格调的箭头。管制起始、完结地位是否显示箭头，箭头是否须要填充，能够设置箭头大小、箭头形态、色彩等等
锚点

锚点附着在组件上，组件引入 / 引出连线时均须要抉择具体位置的锚点进行连贯。

组件在未选中状态时才容许连线操作。

鼠标拜访组件时能够展现组件内预置锚点。

鼠标在组件区域内边缘处挪动并点选能够触发自定义地位锚点。

锚点能够引出连线，亦可引入连线。

控制点

组件在选中状态下，组件四周会显示各个控制点，用于调制组件的尺寸大小。

在大部分画图场景中，咱们应用 PDDON 默认的智能模式进行绘图曾经可能满足绝大部分需要，然而在某些非凡精细化绘图场景中，咱们须要应用到其余绘图模式。次要蕴含如下几种绘图模式。

智能模式

同时可拖动组件、绘制连线，连线由鼠标悬停组件边缘触发。
挪动模式

更易于对组件进行各种操作，如挪动地位、调整尺寸等等，但不可连线操作。
画线模式

更易于绘制连线，但不可拖动组件地位。
拖动画布模式

能够应用抓手工具拖动画布视口地位，不可连线操作。

选中 / 勾销选中组件

选中 / 勾销选中组件形式有：
- 鼠标点击（CTL+ 鼠标点击为多选，否则为单选）
- 矩形选框（空白区域按住鼠标左键拖动）
  
  未选中节点蕴含在区域内代表选中，否则为勾销选中状态，矩形选框操作为多选模式
- 快捷键 (Ctrl + A)
- 右键菜单(选中组件 / 连线或勾销选中)
- 单击画布空白区域即可勾销所有抉择
编辑组件 / 连线文本

双击组件、或连线能够进入编辑文本状态，点击右键抉择编辑菜单亦可使组件进入编辑状态。
挪动组件地位
- 单个组件挪动：
  
  光标挪动到组件区域内，光标呈挪动款式，按住鼠标左键向指标方向挪动即可（容器组件光标须要挪动到标题栏内或者近边框边缘处，以光标款式为批示进行操作即可）。容器类型组件挪动会带动子组件一起挪动。挪动过程中会有辅助线参考对齐与主动吸附。
- 抉择组件 / 分组挪动：
  
  能够选中多个指标组件或分组，按住鼠标左键拖动到指标地位即可。
扭转组件尺寸大小

选中单个组件时，能够显示组件控制点，鼠标左键按住并拖动能够调整组件大小。
连线操作
- 在智能模式下，鼠标悬停在组件边缘可引出连线，拉动到指标组件内开释引入连线，连线便创立胜利。
- 在画线模式下，鼠标悬停在组件内可引出连线，拉动到指标组件内开释引入连线，连线便创立胜利。
- 鼠标从组件边缘上锚点引出或引入，能够指定该锚点连线，否则零碎依据组件地位关系主动计算连线锚点，并能够追随组件地位变动而主动批改连贯锚点。
撤销、复原、复制、克隆、剪切、粘贴、删除等等

组件 / 连线均能够应用快捷键、右键菜单等形式进行惯例操作，而且反对同页面不同绘图间进行操作。
旋转组件
- 先选中组件，再按住鼠标左键向指标方向拖动，会在组件中心点显示辅助线。
- 也能够应用右键菜单进行旋转或者勾销旋转。
调整组件间层叠程序

组件间区域有重叠时，能够应用右键菜单或工具栏层叠程序调整性能，扭转组件间垂直方向重叠程序。
调整画布尺寸
- 新增绘图时能够设置画图尺寸
- 组件新增、挪动、尺寸调整时均能够主动调整画布尺寸
- 通过设置页能够批改以后绘图画布尺寸
- 通过视图菜单能够批改绘图画布尺寸
- 通过主动裁剪画布空白区域性能，能够裁剪掉绘图边缘多余空白区域
整体缩放画布
- 通过快捷键 Ctrl + 鼠标滚轮进行疾速缩放
- 通过工具栏进行缩放
- 通过视图菜单进行缩放
利用导航工具轻松定位画布可视区域