Meta2d.js：2D图元组成的可视化引擎

Meta2d.js：2D图元组成的可视化引擎。

由乐吾乐科技自主研发，集实时数据展示、动态交互、数据管理等一体的全功能2D可视化引擎。

【注意】Meta2d.js是一个不依赖任何前端框架的js图形引擎。

使用Meta2d.js可以简单快速的开发自己的Web组态、Scada、智慧大屏的可视化产品，也可以开发类似Visio等的流程图、脑图等工具。

Meta2d.js内置实时监控、动态交互、自动算法、可扩展等功能，能够最大程度减少研发和运维的成本，帮助开发者简单快捷的实现物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等可视化产品和解决方案。

核心要素

• 图纸：一个可视化项目
• 画布：绘画或展现区域
• 图元：又称画笔Pen，主要由节点、连线2类
• 数据：分图纸数据和图元数据两种
• 算法：绘画过程中用到的辅助算法或排版布局算法等
• 状态：默认、活动、选中；自定义属性状态
• 事件：交互事件
• 动画：图元帧动画、连线轨迹动画
• 坐标：
  有 3 种：画笔坐标、相对坐标、世界坐标。

• • 画笔坐标：
    通过 meta2d.getPenRect(pen)获取。不移动画笔，坐标不变。
  • 相对坐标：
    相对父元素或画布的坐标，也是 Pen 数据保存的坐标。相对父元素时，坐标不变；相对画布时（没有父元素），缩放时会因为画布大小变化而变化。
  • 世界坐标：
    底层 canvas 的绘画坐标。

能力

组态能力

• 拖拽编辑，简单易用
• 数据绑定，实时动态数据显示，数据下发，双向数据通信，条件、格式化显示
• 逐帧动画和轨迹动画，条件告警动画等
• 事件、消息，组态联动
• 组合、自定义状态、开关、、报表、弹框、视频等
• 丰富外观、格式刷功能

数据通信

• 支持 mqtt 动态数据监听
• 支持 websocket 动态数据监听
• 支持 http 自主请求动态更新数据

多端适配

• 支持Chrome、Firefox、Edge等主流浏览器。
• 支持移动端webview方式访问

扩展

• 图形库扩展：自定义图形库扩展，格式支持js、svg、jpg、iconfront
• 数据显示扩展：条件显示、数据格式显示、自定义函数扩展等
• 交互事件扩展：系统消息、自定义消息、生命周期hook、系统接口函数等
• 智能算法扩展：支持自定义拖拽智能算法，自定义连线算法等
• 动画扩展：节点逐帧定义动画、自定义算法动画
• 排版扩展：支持自定义排版布局算法

导出集成

Meta2d.js导出的文件格式为json，结合Meta2d.js引擎，显示为动态、交互的图形画面。

不依赖Vue、React等框架，可以很方便的集成到html、Vue、React等项目。

性能

• 稳定，系统交互中断不影响系统运行
• 可支持10000-20000节点
• 支持绑定1000-2000数据点。1000数据点30ms完成刷新
• 支持 1000+动画播放

国产开源

乐吾乐潜心研发，自主可控，持续迭代优化

Github：GitHub - le5le-com/meta2d.js: The meta2d.js is real-time data exchange and interactive web 2D engine. Developers are able to build Web SCADA, IoT, Digital twins and so on. Meta2d.js是一个实时数据响应和交互的2d引擎，可用于Web组态，物联网，数字孪生等场景。

Gitee: meta2d.js: The meta2d.js is real-time data exchange and interactive web 2D engine. Developers are able to build Web SCADA, IoT, Digital twins and so on. Meta2d.js是一个实时数据响应和交互的2d引擎，可用于Web组态，物联网，数字孪生等场景。

欢迎Star、Fork、博文支持