一、概述
绘图文件是由各种图形组成 ，设计页面即提供一个可视化页面供用户更方便的去操作设计这些图形。
二、功能描述
绘图设计页面由三部分组成分别为组件区域、设计区域以及属性配置区域。如下图所示：
（1）组件区域：共分为三种类型，分别为基础图形、连接图形以及高级图形；
基础图形即一般的矩形框图片框等
连接图形即常用的线条箭头等
高级图形即一些特殊的符号比如网云图、括号、矩形矩阵等。
矩形矩阵是一种自带交互样式的图形组件，拖出来直接使用即可
（2）设计区域：用于组件的排版设计等，将组件拖拽到设计区域，可设置组件的显示位置等。
支持撤销、重做、刷新
支持图层置顶/置底
当组件为两个或两个以上时，可以设置为组合、取消组合
可以设置对齐方式与分布方式
右上角的保存按钮可将文件保存；点击保存后可点击预览按钮进行效果预览
（3）组件属性区域：拖拽组件到设计区域后，不选中组件时，可以设计区域设置背景色等。
选中组件可对组件的属性及样式进行设置：支持设置组件的图形样式、文本样式、交互设置
三、使用举例
此处以"图片"组件为例进行使用说明
1、拖拽"图片"组件到设计区域，并从素材库选择一张图片
2、对图片进行属性设置，设置图片高度【310px】宽度【670px】（亦可通过拖拽直接设置高度和宽度），设置图片背景颜色为【#c3a369】并且为渐变色。变宽设置为虚线，宽度为1px，边框颜色为【#c6c6c6】。设置图片不透明度为【73%】,旋转角度为【12°】，如下图所示：
3、双击图片可添加文本描述，设置字体颜色为【红色】，背景色为【#bf9540】，背景圆角设置为【3px】,如下图所示
4、给图片设置链接地址，即点击可发开一个页面
5、效果图如下：
