UIOTOS文档：绘图 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dataRoom等

注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档!
主要用于绘制线条、矩形、弧形、不规则图形、管道等等。在可视化大屏、组态等制作时，经常用到。（CURD中后台管理系统的UI界面，较少用到）

注意：绘制相关的组件（或操作），拖放到编辑区域后，需按下拖动鼠标才能创建。非绘图组件松开鼠标即可创建。如下所示：

绘制

不规则图形

说明

用于绘制直线、折线、曲线等。并且可以形成不规则图形，在封闭区域内填充背景颜色。如下所示：

示例说明：

1. 绘制不规则矩形。
2. 填充背景颜色，并对属性锁定。
3. 拖入定时器和随机数并设置，参照初体验：随机颜色显示。
4. 启动定时器，即可看到区域内颜色随机填充。

使用

步骤1：拖放组件

选中不规则图形，拖放到页面后，松开鼠标，会提示“请开始框选绘图”，如下所示：

步骤2：开始绘制

直线

鼠标单击、移动，再单击，可形成多段连续的折线，双击时打断（注意。并非结束，参见步骤4）。如下所示：

弧线

前面开始是单击，如果是按下、移动，不立刻弹起，此时将绘制弧线。初始按下移动过程中，构建弧线的切线，松开鼠标时，再次点击，才确定弧线的终点。随后的连续单击、双击打断，跟直线一样。如下所示：

步骤3：调整连线

步骤2中，不论是直线还是弧线，双击可打断且并非结束。此时提供机会，鼠标移动到连线上，可调整弧线，或者将直线设置弧度。如下所示：

注意：绘制过程中可以调整，绘制结束后，选中双击，也可以激活连线的调整状态。

弧度调整：

• 在直线或曲线段上任选一点，连续双击，可切换弧线或折线模式。

• 切换后，拖动点，就能修改改线段的形状，可以这起或调整弧度。

步骤4：结束绘制

绘制直线或曲线时，双击打断连续绘制，进入到调整状态。如果要结束绘制，需要再空白区域（非白色底板）双击才可以，随后页面才能恢复到正常可选中编辑状态。如下所示：

管道

与绘制直线或曲线类似，如下图所示：

说明

使用

略。与1绘制类似。

规则图形

暂略。

更多

暂略。