WebTopo是一款采用Vue框架开发的高效网页设计软件,专为用户简化网站配置和网络拓扑图绘制流程而设计。它提供直观的操作界面,助力快速构建复杂拓扑结构,优化网站布局与性能。
WEB组态基于vue+quasar的web组态开发,核心代码采用vue框架,并使用quasar简化构建流程。
功能清单:
- 功能状态面板:完成。
- 标尺:完成。
- 拖曳添加组件:完成。
- 组件位置移动(鼠标操作):完成。
- 组件位置批量移动:完成。
- 拖动磁性吸附功能:未实现。
- 尺寸锚点(8个方向调整):已完成。
- 旋转控制锚点:尚未开发。
- 选中效果展示:已实现。
- 层叠顺序管理:完成。
- 面板比例缩放操作:支持使用鼠标进行缩放,功能已完善。
- 复制粘贴(Ctrl+C/V快捷键):已完成。
- 批量选择(Ctrl+A组合键):已经开发完毕。
- 框选组件:实现通过鼠标框选多个组件的功能,完成度100%。
- 删除操作(包括批量删除支持DELETE按键):功能已上线并验证无误。
样式配置:
- 字体大小、位置及颜色调整等基本属性设置已完成;
- 边框定制与旋转效果控制也已经实现;
其他特性:
- 组件继承体系设计:该部分开发完成。
- DOM组件(包括文字和图片)的创建功能已上线,支持灵活多样的布局需求。
- canvas图形绘制能力进一步增强,新增圆形、三角形及矩形等形状,并对线段进行重写优化。