# meta2d-thingsboard-designer

**Repository Path**: pgz-tmp26/meta2d-thingsboard-designer

## Basic Information

- **Project Name**: meta2d-thingsboard-designer
- **Description**: 一个基于 Meta2D 的 Web 2D 可视化/拓扑设计器，支持与 ThingsBoard IoT 平台 无缝集成。 可用于创建 工业监控面板、IoT Dashboard、SCADA 页面、自定义拓扑图、实时数据看板。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-10-27
- **Last Updated**: 2026-10-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SceneV

一个基于 **Meta2D** 打造的 **2D 可视化设计器 / 监控大屏编辑器 / IoT Dashboard Designer**，支持与 **ThingsBoard 数据源对接**，可用于创建 SCADA 组态、IoT 面板、设备监控拓扑等可视化系统。

![Visitor Count](https://visitor-badge.laobi.icu/badge?page_id=TheXiong.meta2d-thingsboard-designer)

## 🚀 在线资源

| 资源 | 地址 | 说明 |
| :--- | :--- | :--- |
| 🚀 **在线演示** | [https://www.meta2dthingsboard.cn](https://www.meta2dthingsboard.cn) | 立即体验强大的设计功能 |
| 📚 **开发文档** | [https://api.meta2dthingsboard.cn](https://api.meta2dthingsboard.cn) | 详细的 API 与使用指南 |


此仓库代码为打包后代码，并且功能做了阉割，需要完整版源代码请加入最后面的QQ群，联系管理员获取。
---

## ✨ 功能特性

### 🎨 设计器能力
- 拖拽式编辑  
- 对齐、吸附、分组、复制粘贴  
- 锚点、连线、拓扑组件  
- 自定义组件（按钮、仪表、容器、图片、表单等）  
- 图层管理、撤销/重做  
- 主题配置、网格线、标尺  

### 🔌 ThingsBoard 数据对接
- 通过 WebSocket 订阅 TB 遥测数据  
- 支持设备属性、遥测绑定  
- 组件级数据自动更新  
- 支持组件触发 RPC 控制命令  

![对接演示](./images/screenshot_2025-12-10_10-57-48.gif)

### 📦 导入导出
- 导出 JSON 
- 导出 PNG / SVG 图片

---

## 📸 效果截图（来自meta2d官方模板截图）

![screenshot](./images/image.png)
![screenshot](./images/image1.png)

---

## 联系方式

![QQ群](./images/ef75482570314813a405e9ffc9dc8349.png)