阅读量:0
消息
乐吾乐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);