【乐吾乐2D可视化组态编辑器】消息

消息

乐吾乐2D可视化组态编辑器demo:https://2d.le5le.com/

监听消息

复制代码
const fn = (event, data) => {};
meta2d.on('event', fn);

// 监听全部消息
meta2d.on('*', fn);

// 取消监听
meta2d.off('event', fn);
meta2d.off('*', fn);

Copy

系统消息

|-----------------|---------------------------------------|----------------------------------|
| event(字符串) | data | 描述 |
| opened | | 打开新文件 |
| enter | Pen | 鼠标进入画笔 |
| leave | Pen | 鼠标离开画笔 |
| active | Pen[] | 选中一个/多个画笔 |
| inactive | Pen[] | 取消选中 |
| add | Pen[] | 添加一个/多个画笔 |
| update | | 编辑画笔 |
| delete | Pen[] | 删除画笔 |
| scale | number | 缩放画布 |
| translate | Object: x, y | 平移画布 |
| resizePens | Pen[] | 画笔大小改变 |
| rotatePens | Pen[] | 画笔被旋转 |
| translatePens | Pen[] | 移动画笔结束 |
| translatingPens | Pen[] | 移动画笔中 |
| click | Point & Pen | 点击,鼠标左击 up |
| mousedown | Point & Pen | 鼠标 down |
| dblclick | Point & Pen | 双击 |
| animateEnd | | 单个画笔动画播放完成 |
| mediaEnd | Pen | 视频/音频(audio/video)播放结束 |
| socket | message | 监听网络消息 |
| undo | | 撤销后 |
| redo | | 恢复后 |
| clickInput | | 单击输入框 |
| input | pen & text | 输入框键盘输入 |
| valueUpdate | pen | 修改属性值 |
| contextmenu | e & bounding | 右键上下文菜单 |
| connectLine | Object:line, lineAnchor, pen, anchor, | 连线连接到锚点 |
| drop | obj || json | 拖动画笔到画布 |
| cut | pens | 剪切 |
| copy | pens | 复制 |
| paste | pens | 粘贴 |
| moveLineAnchor | pen,anchor | 移动线锚点 |
| layer | type,pens | 层级移动,type值为top\bottom\up\down |

发送自定义消息(数据)

Meta2d.js支持发送自定义消息,例如:交互操作或自定义数据。底层使用:mitt

复制代码
// data 可以为任意数据
meta2d.emit('自定义消息', data);
相关推荐
乐吾乐科技1 小时前
乐吾乐大屏可视化组态软件【SQL数据源】
物联网·信息可视化·编辑器·数据可视化·大屏端
IT研究室9 小时前
大数据毕业设计选题推荐-基于大数据的国内旅游景点游客数据分析系统-Spark-Hadoop-Bigdata
大数据·hadoop·spark·毕业设计·源码·数据可视化·bigdata
数字冰雹10 小时前
“图观”端渲染场景编辑器
人工智能·编辑器
云梦谭11 小时前
Cursor 编辑器:面向 AI 编程的新一代 IDE
ide·人工智能·编辑器
程序员白话14 小时前
使用kube-prometheus在K8s集群快速部署Prometheus+Grafana
后端·数据可视化
ONLYOFFICE1 天前
【技术教程】如何将ONLYOFFICE文档集成到使用Spring Boot框架编写的Java Web应用程序中
java·spring boot·编辑器
Blue桃之夭夭1 天前
Visual Studio Code设置个性化背景教程
ide·vscode·编辑器
alsmile1 天前
什么是组态?不会代码也能搭出工业大屏和数字可视化
低代码·数据可视化
IT研究室1 天前
大数据毕业设计选题推荐-基于大数据的国家药品采集药品数据可视化分析系统-Spark-Hadoop-Bigdata
大数据·hadoop·信息可视化·spark·毕业设计·数据可视化·bigdata
EQ-雪梨蛋花汤2 天前
【Unity笔记】Unity 编辑器扩展:打造一个可切换 Config.assets 的顶部菜单插件
unity·编辑器·游戏引擎