接上一篇SVG + Javascript + ASP.NET + WebService开发楼宇管理系统(三)

今天给出几个实际的画面。
首先是楼层图:

SVG + Javascript + ASP.NET + WebService开发楼宇管理系统(四)

点击楼层图上的超级连接就跳转至房间图:
SVG + Javascript + ASP.NET + WebService开发楼宇管理系统(四)



SVG + Javascript + ASP.NET + WebService开发楼宇管理系统(四)


点击房间图中的蓝色按钮(Air Condition)或者温度标签(27℃ ),
就会弹出下述遥控画面,允许用户来调节设备的状态(其实就是指空调的开关,温度)。

SVG + Javascript + ASP.NET + WebService开发楼宇管理系统(四)

设定完之后房间图上的小图标(就是点击的部分)开始不停的闪烁,直到设备的状态变到所设定的值为止。

相关文章:

  • 2021-05-25
  • 2021-05-09
  • 2021-06-01
  • 2021-08-02
  • 2022-01-01
  • 2021-07-02
  • 2021-06-04
  • 2022-01-22
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-19
  • 2021-10-19
相关资源
相似解决方案