【乐吾乐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);