topology-gcf
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint
Customize configuration
设计思想
工具化、与业务解耦
待完成
- 图片上传
- 多节点对齐（源码bug)
- 音频、视频嵌入播放
- 动画联动
- 电梯效果
- 水槽液位变化
完成功能点
画布配置
- 底图配置
- 禁用滚轮缩放
- 还原画布大小
- 缩放适配画布
节点
- 位置坐标、大小（宽高）
- 边框属性（样式、颜色、宽度）
- 背景色
- 透明度
线条
- 连接样式（直线、曲线、线段）
- 起始点箭头样式
- 起始点位置
- 连线颜色、宽度
- 边框颜色、宽度
- 整体透明度
图片
- 图片修改（本地）
文字
- 颜色
- 字号
- 样式（加粗、倾斜）
- 对齐（水平、垂直）
动画效果
- 旋转（顺时针、逆时针）
- 告警
- 自定义
- 水流（流速、颜色可修改）
- 圆点移动
媒体
- iframe 嵌入
定制需求
- 水管绘制
