序
从今天开始，我将记录使用antv/x6开发ra-arch的过程。一方面是为了参加日更挑战，另一方面是为了整理一下antv/x6开发思路，为以后同类需求开发提供经验。
需求分析
1、画布分层及主菜单
- 画布由上而下分为用户层、接入层、逻辑层、存储层这四层
- 可灵活配置，实现画布分为多层
- 每一层可自由改变宽高
- 主菜单功能实现：放大、缩小、撤销、恢复等，菜单功能多多益善
2、元器件属性
- 元器件拖到某一层后，不能再次拖到其它层
- 右键点击元器件，弹出相应菜单：至少包含“编辑”、“删除”，“编辑”：可修改 元器件宽高配置
3、元器件连线
- 相邻两层的元器件可自由连线
- 连线可删除
4、存储及导出
- 在线设计的架构图数据可保存并可从存储中恢复
- 在线设计的架构图可导出为图片
5、可配置
- 相关参数或功能可配置，比如：通过接口参数变化，实现菜单变化
效果图
效果图.png
