您的位置:首页 > 教育 > 锐评 > 【乐吾乐2D可视化组态编辑器】生命周期

【乐吾乐2D可视化组态编辑器】生命周期

2024/10/14 10:04:23 来源:https://blog.csdn.net/le5le_iot/article/details/140521191  浏览:    关键词:【乐吾乐2D可视化组态编辑器】生命周期

生命周期

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

全局生命周期函数


meta2d.beforeAddPens = async (pens: Pen[]) => {console.log("addPens", pens);// showDialog 伪代码const res = await showDialog("是否添加此图元?");// 返回 true 允许 removereturn res.ok;
};// 删除组合节点时, beforeRemovePens 会多次触发
meta2d.beforeRemovePens = async (pens: Pen[]) => {console.log("removePens", pens);// showDialog 伪代码const res = await showDialog("是否删除所选图元?");// 返回 true 允许 removereturn res.ok;
};meta2d.beforeAddAnchor = async (pen: Pen, anchor: Point) => {// showDialog 伪代码return await showModal("添加锚点");
};meta2d.beforeRemoveAnchor = async (pen: Pen, anchor: Point) => {// showDialog 伪代码return await showModal("删除锚点");
};// 定义一个pen,矩形
const pen = {name: "rectangle",text: "矩形",x: 100,y: 100,width: 100,height: 100,tag: ["aaa"],
};
meta2d.addPen(pen);

画笔生命周期函数

生命周期函数类型均为:(pen: Pen) => void , 除了 onBeforeValue, onChangeId

  • onAdd 画笔添加到画布后
  • onDestroy 画笔被删除后

其他相关函数:

  • onBeforeValue 属性值发生改变前
  • onValue 属性值发生修改
  • onMove 被移动拖拽
  • onResize 修改大小
  • onRotate 旋转
  • onClick 单击
  • onMouseDown 鼠标按下
  • onMouseMove 鼠标移动
  • onMouseUp 鼠标抬起
  • onMouseEnter 鼠标经过
  • onMouseLeave 鼠标离开
  • onShowInput 开始输入
  • onInput 完成输入
  • onChangeId id 改变
  • onKeyDown 键盘按下
  • onScale 缩放
  • onBinds 绑定变量处理
  • onStartVideo 开始视频
  • onPauseVideo 暂停视频
  • onStopVideo 停止视频
  • onRenderPenRaw 下载png/svg前,pen绘制处理。
  • onWheel 鼠标经过图元,滚轮缩放 (version>=1.0.25)

const onAddPen = (pen: Pen) => {console.log("onAddPen", pen);
};// 定义一个pen,矩形
const pen = {name: "rectangle",text: "矩形",x: 100,y: 100,width: 100,height: 100,onAdd: onAddPen,
};
meta2d.addPen(pen);

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com