Webtopo是由开发者霍霍在Gitee上发起的一个开源项目。该项目以其创新的设计理念和实用的功能,吸引了众多开发者的关注。Webtopo的核心优势在于其能够直接将组件引入到用户的系统中,通过配置API,即可实现复杂的组态编辑功能。

图片
图片
软件介绍
软件特性

核心功能齐全

Webtopo集成了组态软件所需的所有核心功能,包括图元库、装饰、图纸管理、工具栏等。用户只需在自己的系统中引入Webtopo组件,并开发相应的API,即可直接使用这些功能。

学习成本低

Webtopo的设计理念是简单直观,用户无需进行复杂的配置,只需将SVG文件作为组件引入,编辑器便能自动解析和加载这些组件。

易于扩展

Webtopo支持自定义图元和样式属性,用户可以根据自己的需求,轻松添加或修改图元。此外,如果配置了上传API,用户还可以直接将图元拖拽到画布上进行上传。

易于集成

Webtopo已经编写好了库模式脚本,并发布到了npm。这意味着用户可以轻松地在自己的项目中以Vue组件的形式引用Webtopo,并配置API以实现集成。

功能介绍

Webtopo提供了丰富的功能,包括但不限于:
  • 图元库:集成了上百个图元,用户还可以添加自定义图元。
  • 装饰:提供了多种装饰元素,包括顶部装饰、方块装饰、文本装饰等。
  • 工具栏:包括对齐、分布、层级、撤销、锁定等常用功能,以及水平并列布局、垂直并列布局、田字格布局等布局工具。
  • 右键菜单:集成了绘制管道、节点分布、节点对齐、复制粘贴等功能。
  • 图元属性:允许用户自定义图元的属性和样式。
  • 绑定数据:支持将文本框绑定到数据源,实现数据的实时展示。
  • 绑定动画:根据数据变化触发动画效果,如闪烁、旋转等。
  • 事件:支持绑定鼠标事件,如左键、右键、悬浮事件,并定义相应的行为。

软件体验

  • 开源地址:https://gitee.com/march3/WebTopo

  • 体验地址:https://bighhhh.github.io/webtopo-ph-pages
图片

软件预览

PC端效果

图片

图片

图片图片



移动端效果

图片


图片


图元库

图片图片



告警

图片

图片

点赞(0) 打赏
立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部