8000 GitHub - XXM-cf/topology-gcf: 基于topology的web组态,实现智慧建筑scada前端可视化
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

XXM-cf/topology-gcf

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

See Configuration Reference.

设计思想

工具化、与业务解耦

待完成

  • 图片上传
  • 多节点对齐(源码bug)
  • 音频、视频嵌入播放
  • 动画联动
  • 电梯效果
  • 水槽液位变化

完成功能点

画布配置

  • 底图配置
  • 禁用滚轮缩放
  • 还原画布大小
  • 缩放适配画布

节点

  • 位置坐标、大小(宽高)
  • 边框属性(样式、颜色、宽度)
  • 背景色
  • 透明度

线条

  • 连接样式(直线、曲线、线段)
  • 起始点箭头样式
  • 起始点位置
  • 连线颜色、宽度
  • 边框颜色、宽度
  • 整体透明度

图片

  • 图片修改(本地)

文字

  • 颜色
  • 字号
  • 样式(加粗、倾斜)
  • 对齐(水平、垂直)

动画效果

  • 旋转(顺时针、逆时针)
  • 告警
  • 自定义
  • 水流(流速、颜色可修改)
  • 圆点移动

媒体

  • iframe 嵌入

定制需求

  • 水管绘制

About

基于topology的web组态,实现智慧建筑scada前端可视化

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0