【乐吾乐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. 2D编辑器消息

    2024-07-17 13:10:02       25 阅读
  2. 2D编辑器】事件

    2024-07-17 13:10:02       25 阅读
  3. 2D编辑器】生命周期

    2024-07-17 13:10:02       18 阅读
  4. 2D编辑器】快捷键

    2024-07-17 13:10:02       19 阅读
  5. 2D编辑器】切换画面

    2024-07-17 13:10:02       21 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-17 13:10:02       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-17 13:10:02       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-17 13:10:02       57 阅读
  4. Python语言-面向对象

    2024-07-17 13:10:02       68 阅读

热门阅读

  1. C 语言实例 - 数组拆分与合并

    2024-07-17 13:10:02       20 阅读
  2. vue3 学习笔记11 -- 模板语法和指令

    2024-07-17 13:10:02       22 阅读
  3. GNN Algorithms(9): 多模态Multi-Modal、多任务Multi-Task

    2024-07-17 13:10:02       27 阅读
  4. Julia 流程控制

    2024-07-17 13:10:02       24 阅读
  5. 关于C# 开发Winfrom事后总结

    2024-07-17 13:10:02       25 阅读
  6. 什么是决策树?

    2024-07-17 13:10:02       28 阅读
  7. android binder如何实现异步

    2024-07-17 13:10:02       17 阅读
  8. 基于STM32设计的物联网智能鱼缸(微信小程序)(187)

    2024-07-17 13:10:02       26 阅读