Topology 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Topology 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Topology 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
投 递 者 Alsmile
适用人群 未知
收录时间 2019-09-05

软件简介

Topology 是基于 typescript + canvas 实现的在线绘图的引擎。采用引擎 + 图形库中间件的思路能够方便、快速的扩展、集成到前端项目。支持拓扑图、流程图、脑图、电力能源、水利、物联网、工业互联网、智慧城市、智慧医疗、智慧农业、IT运维等各场景。Topology具有跨平台、高效、可扩展、实时监控、动态交互、支持自动算法等特点,最大程度减少研发和运维的成本,并致力于普通业务人员0代码开发实现web组态、SCADA等场景。

1.0版本全新架构

总结过去2年用户使用场景和需求建议,以高质量、高性能为目标,全新重写的新内核,架构全新调整,更强大、高效、易用、细腻。

为什么选乐吾乐topology

 

  • 新理念、新内核

- 数据+ 算法 + 风格 = 栩栩如生;

- 数据为核心、数据驱动显示;

- 多状态呈现,进度、动效多角度动态展示

- 支持自动算法、业务算法等中间件扩展

 

  • 追求卓越性能

- 支持1万+以上节点。全部采用引擎原生节点更可达到2万节点

- 支持1000+动画播放,大数据、高要求场景无压力

 

  • 实时动态数据监听

- 支持mqtt动态数据监听

- 支持websocket动态数据监听

- 支持http自主请求动态更新数据

 

  • 丰富的交互事件

- 画笔全生命周期事件(创建、更新、销毁)

- 鼠标进入、移出、单击、选中等事件

- 移动、缩放、旋转等事件

- 网络消息事件

- 动画、视频播放事件

- 文本输入事件

 

  • 自由可扩展

- 可定制化开发图形库

- 可直接在线绘画图形

- 支持SVG PATH

 

  • 丰富的应用场景支持

- 架构图、拓扑图、UML图、脑图等

- 电力能源、水利等

- 物联网、工业互联网等

- 智慧城市、智慧医疗、智慧农业等

- 大屏展示、IT运维等

 

亮点

 

1. 功能丰富,更具高性能

状态、事件、动效、动态监听、自由扩展,可支持1万+以上节点

2. 动态数据实时监听

支持mqtt、websocket、或http自主请求等多种方式动态监听数据

3. 专业级钢笔和曲线工具,方便在线定制图形

  • 和专业绘图软件一致的钢笔工具,AI小图标直接在线制作
  • 随意涂鸦的自由曲线,让创作随心所欲

4. 简洁易用的动画

优异的性能,可高达1000动画同时播放

5. 支持SVG path

不再把svg当作静态图片,直接支持svg path属性,想要给svg变个色,随手就来

6. “全民”进度条

任意封闭图形,都可以当进度条:矩形、圆、svg、封闭连线、或其他任意封闭图形

7. 智能自动算法支持

- 连线自动锚点,自动识别最近锚点

- 自动吸附。拖拽过程中自动推荐对齐点,支持自定义算法替换

- 其他算法。支持排列布局、自动成图等,定制扩展

 

应用场景

1、电力能源

2、智慧水务

3、工业物联网

4、智慧农业

5、数字大屏

6、IT运维

7、流程图

8、UML建模

9、思维导图

10、图形表格

11、其他

 

 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (33)

加载中
不容易,找的好辛苦
2021/07/23 18:04
回复
举报
感谢关注,乐吾乐topology全新优化1.0已经内测了,敬请期待!https://www.yuque.com/alsmile/topology/cngovr
2021/10/08 17:39
回复
举报
目前觉得是最好的
2021/01/16 07:25
回复
举报
打分: 力荐
比较多款流程图开源软件,目前就这个牛
2021/01/11 22:50
回复
举报
打分: 力荐
该评论暂时无法显示,详情咨询 QQ 群:912889742
厉害processon2
2020/10/28 10:47
回复
举报
这个升压站的图画的可以呀
2020/09/14 00:36
回复
举报
想要做到绑定数据实时更新该怎么做?我目前是用的canvas.open(data)这样重新渲染画布 有其他的方法实现吗?
2020/03/27 10:49
回复
举报
Alsmile软件作者
从画布拿到数据canvas.data,参考文档:https://www.yuque.com/alsmile/topology/canvas 修改,然后重绘就可以了canvas.render() 参考demo: https://github.com/le5le-com/topology-es5-demo
2020/05/13 23:48
回复
举报
Alsmile软件作者
系列开发教程:https://juejin.im/user/58b1336c570c3500696559f8/posts
2019/11/23 10:00
回复
举报
请问左侧的图标有iconfont的地址吗
2019/11/19 15:46
回复
举报
Alsmile软件作者
该评论暂时无法显示,详情咨询 QQ 群:912889742
Alsmile软件作者
Symbol: //at.alicdn.com/t/font_1113798_0532l8oa6jqp.js
2019/11/22 18:15
回复
举报
Alsmile软件作者
@font-face { font-family: 'iconfont'; /* project id 1113798 */ src: url('//at.alicdn.com/t/font_1113798_0532l8oa6jqp.eot'); src: url('//at.alicdn.com/t/font_1113798_0532l8oa6jqp.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1113798_0532l8oa6jqp.woff2') format('woff2'), url('//at.alicdn.com/t/font_1113798_0532l8oa6jqp.woff') format('woff'), url('//at.alicdn.com/t/font_1113798_0532l8oa6jqp.ttf') format('truetype'), url('//at.alicdn.com/t/font_1113798_0532l8oa6jqp.svg#iconfont') format('svg'); }
2019/11/22 18:15
回复
举报
点个赞
2019/11/15 09:58
回复
举报
更多评论
暂无内容
发表于多媒体处理专区
2014/11/23 12:34

Topology and Geometry in OpenCascade-Topology

Topology and Geometry in OpenCascade-Topology eryar@163.com 摘要Abstract:本文简要介绍了几何造型中的边界表示法(BRep),并结合程序说明OpenCascade中的边界表示的具体实现,即拓朴与几何的联系。对具有几何信息的拓朴结构顶点(vertex)、边(edge)、面(face)进行了详细说明。本文通过ACIS与OpenCascade进行对比来对拓朴(Topology)的概念进行说明。并通过示例程序,说明如何在OpenCascade中取得与一个拓朴对象相连...

0
2
发表于DevOps专区
2015/06/12 15:32

玩转CPU Topology

先温习几个概念 请原谅对部分术语笔者直接引用了wikipedia上的英文解释,因为哥实在做不到比wikipedia上更准确描述。我会试着解释部分的术语,并在本节的最后梳理一下这些术语之间的关系。注意,笔者对由于不准确的描述导致的性能下降,进程crash等任何问题不承担任何责任☺ NUMA:Non-Uniform Memory Access (NUMA) is a computer memory design used in multiprocessing, where the memory access time depends on the memor...

0
0
发表了博客
2019/09/04 16:19

PostGIS拓扑:TOPOLOGY

数据准备:建立架构waterdataset,导入样例供水管网数据shp文件,pipesectionmain管线表,fitting节点表。 1)创建与删除拓扑 创建拓扑,CreateTopology(topo名称,坐标系srid,容差值) 示例:通过现有空间数据表(读取现有空间数据的坐标系)创建拓扑 SELECT topology.CreateTopology('topo', find_srid('waterdataset','fitting','geom'),0.001); 删除拓扑,DropTopology(topo名称) 示例:删除建立的topo SELECT topology....

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
33 评论
862 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部